我如何通过它的数据属性找到外部div的子项

时间:2015-02-03 23:37:22

标签: javascript jquery html

假设我有一个dvMainDiv,如下图所示,有多个div类型的孩子。现在在我的软件中,已经以编程方式添加了孩子们。假设html如下所示,如何让孩子潜水并使用特定的数据ID。

<div id="dvMainDiv" class="dvMainDiv">
    <div id="dvChildDiv" class="dvChildDiv" data-id="1">
       <p>
         some text
       <p>
    </div>
    <div id="dvChildDiv" class="dvChildDiv" data-id="2">
       <p>
         some text 2
       <p>
   </div>
</div>

比如说,我想只得到data-id为1而不是2的div,我该如何在jquery中做到这一点。

1 个答案:

答案 0 :(得分:0)

对于您的代码,您将使用以下内容:

$('*[data-id="1"]');

请参阅http://jsfiddle.net/bgqd8xe6/

编辑以使用变量进行数据ID使用:

$('*[data-id="' + test + '1"]');

注意测试必须是字符串