如何使用Jquery删除最后的<li> </li>?

时间:2009-11-15 06:52:26

标签: jquery

  <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 个答案:

答案 0 :(得分:19)

如果您要删除li中的最后一个#d元素,只需使用:last选择器:

$('#q li:last').remove();

如果您要删除其中最后一个li子项的直接父项ul元素(如果您有多个),则可以使用:last-child选择器:

$('#q li:last-child').remove();

答案 1 :(得分:4)

尝试:

var lis = $('#q ul').children(); // get all the children
$(lis.get(lis.length-1)).remove(); // remove the last one