jquery - 获取最后可见的 div 的属性

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/