提交事件后在tr中添加新的td

Question

请查看我的jsfiddle ，了解我目前正在使用的内容。

当用户按下提交时，我想在提交按钮后添加一个额外的td。 如果用户选择了错误的答案，我希望此td显示为“不正确，请重试”。 如果它们是正确的，我希望td读作“正确！”。

现在，我相信这行代码可以解决问题（假设我的html中的td有一个类“newtd”）。

$('td.newtd').html("<span class='green'>Correct!</span>");

要么

$('td.newtd').html("<span class='red'>Incorrect, try again.</span>");

我遇到的问题是弄清楚我需要对当前代码进行哪些修改才能使其工作。 是否最好创建一个if语句来检查输入的当前类？ 如果问题是对的，打印新的TD？

非常感谢。

Answer 1

在你的html代码修改jsfiddle中添加class='newtd'

<td class='newtd'></td>

Answer 2

jsFiddle演示

首先你需要在你的html中使用一类newtd （或者你可以删除它（如果它在那里）并且每次都附加它，无论什么对你有用 。

对于IF，您可以像这样切换不同的文本。

var correct = $('input[type="radio"]:checked').hasClass('right');

var str = '<span class="' + (correct ? 'green' : 'red') + '">' + 
        (correct ? 'Correct!' : 'Incorrect, try again.')
        + '</span>';

$('td.newtd').html(str);