用jQuery获取最后一个元素

Question

我具有以下要素：

fieldset (class="A") > div > p > several input and labels

我想获取字段集中的最后一个div-包含div标签

即不是来自最后一个“ div”中的“ p”标签

我试过了 ：

$('.A').children().last().html()

但是它给了我最后一个没有div标签的div（即从p里面）

任何想法，为什么或如何在查询中包括div标签？

HTML：

<div class="form">
    {{ form.as_p }}
    <fieldset class="A">
        {% for b in B%}
            <div id="b-{{ forloop.counter0 }}">
                {{b.as_p}}
            </div>
        {% endfor %}    
     </fieldset>
  </div>

Answer 1

html（）将仅获取innerHTML 。 您可以通过获取本机DOM元素来使用本机的outerHTML属性。

$('.A').children().last()[0].outerHTML

Answer 2

试试这个：您可以克隆最后一个div。 将其添加到一些临时jquery元素中，并使用.html()将为您提供最后一个div外部html

 $(function(){ var tempDiv = $('<div></div>'); tempDiv.append($('.A').children().last().clone()); alert(tempDiv.html()); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <div class="form"> <fieldset class="A"> <div id="a"> <p>a</p> </div> <div id="b"> <p>b</p> </div> <div id="c"> <p>c</p> </div> </fieldset> </div> 

Answer 3

我认为您不需要使用其他功能。 你可以试试看

$(".A > div:last-child")

选择包含DIV标签的最后一个div。