如何从div中删除最后一个元素？

Question

我有描述列表，删除其中一个后，我想删除div中的最后一个元素，而不是刷新网站。 我其实不知道javascript，所以我想问一下我的destroy.js.erb应该怎么样？ 我可以使用刷新全班“描述”

$('.descriptions').load(location.href + " .descriptions");

但我很感兴趣，如果有办法只删除最后一个元素。

  <div class="descriptions">
       <%= render @descriptions %> 
  </div>

 //_description.html.erb
 <div class="description-field">
        <%= @description.text %>
 </div>

感谢您的任何帮助

Answer 1

<div class="parent">
    <div class="child">
        Item 1
    </div>
    <div class="child">
        Item 2
    </div>
    <div class="child">
        Item 3
    </div>
</div>

以下jQuery行将删除“Item 3”。

$('.parent').children().last().remove();

Answer 2

使用css selector :last-child删除它（在这里找到）。 然后使用jQuery删除最后一个元素。

$(".yourdiv :last-child").remove();

这是jsFiddle示例：

HTML：

<div>
    <p> Hello </p>
    <p> World </p>
    <p> last element </p>
</div>

JavaScript的：

$("div :last-child").remove();

Answer 3

如果要删除最后一个div，请使用此选项：

$("div:last").remove(); 

如果你想删除id为“#mydiv”的某个div的最后一个兄弟，请使用此选项

$('#mydiv:last-child')

Answer 4

<div id="parent">
    <div id="child">
        Item 1
    </div>
    <div id="child">
        Item 2
    </div>
    <div id="child">
        Item 3
    </div>
</div>

以下是删除最后一个子项3的JQuery代码

$("#child").remove();

或者你也可以使用

$("#child").css({"display": "none"});