php - 提交事件后在 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

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

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

Answer 2

jsFiddle 演示

好吧，首先你需要在你的 html 中有一个带有newtd类的 td （或者你可以删除它（如果它在那里）并每次都附加它，不管对你有用。

至于 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);