如何從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"});