从具有特定数据值的div获取div id

Question

让我说我有这个......

<div class="container" id="continingStuff">
    <div class="someClass" id="notLookingForThis" data="dataValue1">
        Stuff
    </div>
    <div class="someClass" id="lookingForThis" data="dataValue2">
        Stuff
    </div>
</div>

我希望得到id数据值为div的{​​{1}}，如何使用jQuery或Javascript进行此操作？

Answer 1

使用jQuery，您可以使用此选择器：

var id = $("div[data='dataValue2']").attr('id');

此处正在处理代码段：

＆＃13;

＆＃13;

var id = $("div[data='dataValue2']").attr('id');
console.log(id);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container" id="continingStuff">
    <div class="someClass" id="notLookingForThis" data="dataValue1">
       Stuff
    </div>
    <div class="someClass" id="lookingForThis" data="dataValue2">
       Stuff
    </div>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以使用Attribute Equals Selector获取元素，然后您可以使用attr()方法获取元素的ID。

示例：

＆＃13;

＆＃13;

setuptools

＆＃13;

$(document).ready(function() {
  var id = $('div[data=“dataValue2”]').attr('id');
  console.log(id);
});

＆＃13;

＆＃13;

＆＃13;

Answer 3

您可以将其用于代码

var id = $('*[data="dataValue2"]').attr('id');