代码之家 › 专栏 › 技术社区 › Steven

调试,“$('#q li:last').remove()有什么问题

children jquery

0

Steven · 技术社区 · 7 年前

<li></li> ,代码如下:

<div id="q">
    <ul><li>
    <table><tr><td>Question 1</td><td><input type="text" name="question1" size="60" /></td></tr>
   <tr><td>Answer:</td><td><input type="text" name="answer1" size="8" /></td></tr>
    </li></ul>
</div>

<input class="btn" id="addquestion"  type="button"  value="Add Question" />
<input class="btn" id="removequestion"  type="button"  value="Remove Question" />
<script>


 $('#addquestion').click(function() {
 var $question_number = $('#q li').size() + 1;

   $html='<li><table><tr><td>Question '+$question_number+'</td><td><input type="text" name="question'+$question_number+'" size="60" /></td></tr>\
   <tr><td>Answer:</td><td><input type="text" name="answer'+$question_number+'" size="8" /></td></tr></li>';
  $('#q ul').append($html);
   });

  $('#addquestion').click(function() {
//$('#q li:last').remove();
}); 
</script>

当我发表评论时 $('#q li:last').remove(); ,其他部分工作正常。但是如果我删除注释,代码就根本不起作用。有什么想法吗?

2 回复 | 直到 17 年前

1

2

meder omuraliev 17 年前

嗯。为什么添加问题会删除问题?

你不应该删除这个问题吗?

$('#removequestion').click(function() {
    $('#q li:last').remove();
    return false;
});

2

1

Scott Evernden 17 年前

我通常在加载DOM后设置事件处理程序。也就是说,将它们全部放在$(document).ready()处理程序中以避免出现问题