Javascript 添加tr标记会导致函数停止工作
我有一个以下功能,可以正常工作:Javascript 添加tr标记会导致函数停止工作,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我有一个以下功能,可以正常工作: function insertQuestion(form) { var $tbody = $('#qandatbl > tbody'); var $tr = $("<tr class='optionAndAnswer' align='center'></tr>"); var $noofanswers = $("<td class='noofanswers'></td>");
function insertQuestion(form) {
var $tbody = $('#qandatbl > tbody');
var $tr = $("<tr class='optionAndAnswer' align='center'></tr>");
var $noofanswers = $("<td class='noofanswers'></td>");
var $questionType = '';
$('.numberAnswerTxt', context).each(function() {
var $this = $(this);
var $noofanswersText = '';
if ($questionType == 'True or False' || $questionType == 'Yes or No') {
$noofanswersText = $("<span class='naRow string' style='display: block;'>Only 1 Answer</span><input type='text' class='numberAnswerTxtRow answertxt' style='display: none;' onkeyup='numberKeyUp(this)' onkeypress='return isNumberKey(event)' onChange='getButtons()'>").attr('name', $this.attr('name')).attr('value', $this.val());
}
else {
$noofanswersText = $("<span class='naRow string' style='display: none;'>Only 1 Answer</span><input type='text' class='numberAnswerTxtRow answertxt' style='display: block;' onkeyup='numberKeyUp(this)' onkeypress='return isNumberKey(event)' onChange='getButtons()'>").attr('name', $this.attr('name')).attr('value', $this.val());
}
$noofanswers.append($noofanswersText);
});
$tr.append($noofanswers);
$tbody.append($tr);
}
现在变成:
var $noofanswers = $("<tr><td class='noofanswers'></td></tr>");
var$noofanswers=$(“”);
但是如果我这样做,那么
$('.numberTranswerTXT',context.each(function()){
无法正常工作。因此,我的问题是,如果我添加了
标记,那么我需要在函数中更改什么才能使其重新工作?插入问题函数已经将td
元素包装在tr
中:
var $tr = $("<tr class='optionAndAnswer' align='center'></tr>");
//...
$tr.append($noofanswers);
insertQuestion
函数已经将td
元素包装在tr
中:
var $tr = $("<tr class='optionAndAnswer' align='center'></tr>");
//...
$tr.append($noofanswers);
你有
var $tr = $("<tr class='optionAndAnswer' align='center'></tr>");
var $noofanswers = $("<td class='noofanswers'></td>");
因此,您不能用另一个tr
包装您的td
,因为它已经包装好了。然后您应该像这样更改代码:
var $noofanswers = $("<tr><td class='noofanswers'></td></tr>");
...
$tbody.append($noofanswers);
var$noofanswers=$(“”);
...
$tbody.append($noofanswers);
您有
var $tr = $("<tr class='optionAndAnswer' align='center'></tr>");
var $noofanswers = $("<td class='noofanswers'></td>");
因此,您不能用另一个tr
包装您的td
,因为它已经包装好了。然后您应该像这样更改代码:
var $noofanswers = $("<tr><td class='noofanswers'></td></tr>");
...
$tbody.append($noofanswers);
var$noofanswers=$(“”);
...
$tbody.append($noofanswers);
Hi,对不起,我应该提到的是,这不是我包含tr
标记的唯一代码,还有一些其他代码,我现在也包含在问题中。我尝试了两种答案,但问题是它弄乱了它的外观,因为colums有额外的tr
标记,而一些没有。嗨,对不起,我是应该提到的是,这不是我包含tr
标记的唯一代码,还有一些其他代码,我现在已经包含在问题中。我尝试了这两个答案,但问题是它弄乱了它的外观,因为colums有额外的tr
标记,而一些没有。我有eddited疑问并包含注释在顶部。我不能简单地按照你说的做,因为我有多个列,我试图发布一个有问题的代码示例,但因为你认为这只是一个列,所以我必须包括我附加的所有列。同时发现,这样做也意味着函数不工作。我有eddited question并在顶部包含注释。我不能简单地按照你说的做,因为我有多个列,我试着发布一个有问题的代码示例,但因为你认为这是唯一的列,我必须包括我要添加的所有列。我还发现,这样做也意味着函数不工作。请看下面的注释问题看下面的注释问题