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选择器:last-child将其删除（找到here）。然后使用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"});

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

4 个答案: