当我包含表格行标记时,函数无法正常工作

时间:2012-05-28 16:10:25

标签: javascript jquery html

我有一个正常工作的功能:

function insertQuestion(form) {   
    var $tbody = $('#qandatbl > tbody'); 
    var $tr = $("<tr class='optionAndAnswer' align='center'></tr>");
    var $noofanswers = $("<td class='noofanswers'></td>");
    var $options = $("<td class='option'></td>");
    var $answer = $("<td class='answer'></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); 
}

但我希望$noofanswers包含在自己的表格行中,然后我将$noofanswers更改为包含<tr></tr>,以便代码:

var $noofanswers = $("<td class='noofanswers'></td>");

现在变为:

var $noofanswers = $("<tr><td class='noofanswers'></td></tr>");

但如果我这样做,那么$('.numberAnswerTxt', context).each(function() {就不能正常工作。所以我的问题是,如果我添加<tr>标签,那么我需要在函数内进行哪些更改才能让它再次运行?

在上面的代码中,我只包含了“.noofanswers”里面的函数,但是当我包含{{。)时,“。选项”中的函数和“.answer”中的函数也不起作用。 1}}标签

0 个答案:

没有答案