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

时间:2012-09-26 16:53:56

标签: php javascript jquery json

请参阅我jsfiddle了解我目前正在使用的内容。

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

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

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

OR

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

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

非常感谢。

2 个答案:

答案 0 :(得分:3)

在您的html代码modified jsfiddle

中添加class='newtd'
<td class='newtd'></td>

答案 1 :(得分:2)

jsFiddle Demo

首先,你需要在你的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);