jQuery - 选择具有自定义属性的第一个元素

时间:2016-08-23 15:10:09

标签: javascript jquery

我有一个网页。此网页的区域包含一些动态生成的HTML。我希望在此区域中获得具有特定名称的自定义属性的第一个元素(不是所有元素)。然后我想获得该属性值。我已经设置了Fiddle。代码是这样的:

<div id="myElement">
  <div>
    <div>
      <ul>
        <li></li>
        <li><div data-custom-property="12345">
          <p>
            Some details
          </p>
          <div>
            <div>
              <div data-custom-property="xyzwt">
               Stuff
              </div>
            </div>
          </div>
        </div></li>
        <li></li>
      </ul>
    </div>
  </div>
</div>

<button onclick="return getFirstElementWithProperty('data-custom-property');">
  Get Element
</button>

基本上,我正在尝试获取myElement中具有data-custom-property属性的第一个元素。我见过的所有内容(12)都涉及到查找属性的值。我想按名字搜索。

我如何找到它?

1 个答案:

答案 0 :(得分:0)

如果它总是一个div,你知道元素的ID:

$("#myElement div[data-custom-property]:first")

否则,这也会起作用,尽管最好尽可能具体:

$("[data-custom-property]:first")