<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();不起作用。怎么了?
答案 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