如何使用id和data-使用jquery查找div

Question

我的HTML代码看起来像

<div id="1" data-level="level1">
<div id="replace"></div>
</div>
<div id="2" data-level="level1">
<div id="replace"></div>
</div>

我希望div("replace")和id("1")使用jquery选择data-level("level1")。

Answer 1

  

ID必须是唯一的。在你的代码中，id正在重复。

使用此

$('[id="1"][data-level="level1"] #replace')

或

$('[id="1"][data-level="level1"]').find('#replace')

Answer 2

这将选择所需的Div，但如果我们使用id，那么也没有使用数据属性的目的。

$("#1[data-level=level1]").find("#replace")

Answer 3

在这种情况下，您可以使用兄弟或下一个选择器按照以下代码

执行此操作

$（“＃1”）。siblings（“replace”）;

或

$（“＃1”）。next（“替换”）;

Answer 4

您的代码中包含重复的ID。 ID应始终是唯一的。您可以使用相同的类并将标记更改为：

<div id="1" data-level="level1">
  <div class="replace"></div>
</div>
<div id="2" data-level="level1">
 <div class="replace"></div>
</div>

然后使用属性equals selctor和find选择器按类查找元素：

$('#1[data-level="level1"] .replace')