Question

<div class="row">
  <div id ="1">Here is content</div>
  <div id ="2">Here is content</div> 
  <div id ="3">Here is content</div>
</div>
<button id ="remove">

我想删除使用j查询单击按钮上的最后一行（3,2,1）的行表格请告诉我一个代码。

Answer 1

我认为这就是你要找的，但我不确定。我假设你要做的就是删除＆＃34; .row＆＃34;的最后一个孩子。当你点击按钮时。

＆＃13;

$("#remove").on("click", function(){ $(".row div:last-child").remove(); });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row">
  <div id ="1">Here is content</div>
  <div id ="2">Here is content</div> 
  <div id ="3">Here is content</div>
</div>
<button id ="remove">remove</button>

＆＃13;

Answer 2

~~好吧，ID不能以数字开头，所以你应该改变它们。~~

但听起来这就是你所需要的：

＆＃13;

$(document).ready(function(){
  $('#remove').click(function(){
    $('#three').remove();
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

<div class="row">
  <div id="one">Here is content</div>
  <div id="two">Here is content</div>
  <div id="three">Here is content</div>
</div>
<button id="remove">Remove!</div>

＆＃13;

Answer 3

当您点击删除按钮时，请获取课程row，然后您要删除其子级，请使用children()。可以按last()函数和remove()删除最后一个索引。

$('#remove').click(function() {
  $('.row').children().last().remove();
})

我们可以使用jquery删除div类中具有id的div

3 个答案: