0

最後を削除したいのですが<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();と、他の部分は問題なく動作します。しかし、コメントを削除すると、コードがまったく機能しなくなります。何か案が？

4

2 に答える 2

2

ええと 追加の質問で質問が削除されるのはなぜですか？

removequestionは質問を削除するべきではありませんか？

$('#removequestion').click(function() {
    $('#q li:last').remove();
    return false;
});
于 2009-11-15T08:13:13.460 に答える
1

私は通常、DOMがロードされた後にイベントハンドラーを設定します。つまり、問題を回避するために、それらすべてを$（document）.ready（）ハンドラー内に配置します

2つのクリックハンドラーを設定したようです。1つはliを追加し、もう1つはそれを削除しますか？両方ともシングルクリックで起動します

于 2009-11-15T08:10:19.007 に答える