JavaScript：获取一个div中的另一个div

Question

我有两个嵌套的div，如下所示：

<div id="upper">
<div id="lower" name="moo">
</div>
</div>

我如何仅使用jQuery或JavaScript获取那个嵌套在更深层次的div中的名称？

- James T

---

你尝试过什么？有很多方法，具体取决于你的需求。OT:据我所知，“name”不是div标签允许的属性。 - polarblau

我不在乎它是否被允许，我只是使用它来存储数据，以便JavaScript可以轻松访问。 - James T

如果您想要使用data-属性，可以考虑以下示例：<div id="lower" data-name="moo"></div>。这是完全有效的HTML5。此外，您可以使用$.data()函数检索在元素上设置的所有数据属性。 - James Sumners

Answer 1

var nameValue = $('#lower').attr('name');

但是如果你真的想使用外部的div来选择内部的一个：

var nameValue = $('#upper > div').attr('name');

或者

var nameValue = $('#upper #lower').attr('name');

或者

var nameValue = $('#upper').find('#lower').attr('name');

- James Sumners

Answer 2

使用 .children。

http://api.jquery.com/children/

- Brad