Question

这有点难以解释。这是我的HTML示例：

<div id="container">
    <div row="1">
    </div>
    <div row="2">
    </div>
    <div row="3">
    </div>
    <div row="4">
    </div>
    <div row="5">
    </div>
</div>

我需要基本上找到<div> container中的最后<div>并从中获取row属性。这99％的时间最终成为最大的数字，但不能保证。

Answer 1

使用last-child-selector^[docs]获取最后一行，然后使用attr()^[docs]方法获取属性值。

var row = $('#container > div:last-child').attr('row');

示例： http://jsfiddle.net/TZyPT/

您可能需要考虑自定义属性的HTML5 data-属性。 jQuery使用data()^[docs]方法在旧版浏览器中支持它。

<div id="container">
    <div data-row="1">
    </div>
    <div data-row="2">
    </div>
    <div data-row="3">
    </div>
    <div data-row="4">
    </div>
    <div data-row="5">
    </div>
</div>

var row = $('#container > div:last-child').data('row');

示例： http://jsfiddle.net/TZyPT/1/

Answer 2

jQuery有一个可爱的方法：

$('div#container > div').last().attr('row')

获取最后一个可见div的属性

2 个答案: