Question

如何仅选择特定<h2>中的<div>元素，而不是选择正文中的所有其他元素<h2>。对h2的访问权应通过我的＆＃34; myclass1＆＃34;。

<div class = "myclass1></div>

<div class = "myclass2">
 <h2>Title</h2>
</div>

但我知道它会选择页面中的所有h2个元素。如何转换代码以选择此特定的h2元素？

Answer 1

选择器似乎是正确的。

它会选择所有h2元素，这些元素的父级别为myclass。

Answer 2

试试这个

$(".myclass h2:contains('Title')")

Answer 3

有几种方法可以实现这一目标，有几种选择器可供使用..

您可以识别目标代码或目标容器，例如使用类target：

$('.target h2').addClass('highlight');

.highlight{
  background-color: yellow;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class = "myclass">
  <h2>Title</h2>
</div>

<div class = "myclass">
  <h2>Title</h2>
</div>

<div class = "myclass target">
  <h2>Title</h2>
</div>

<div class = "myclass">
  <h2>Title</h2>
</div>

<div class = "myclass">
  <h2>Title</h2>
</div>

使用标识符id="target"的示例：

$('#target h2').addClass('highlight');

.highlight{
  background-color: yellow;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class = "myclass">
  <h2>Title</h2>
</div>

<div class = "myclass">
  <h2>Title</h2>
</div>

<div class = "myclass" id='target'>
  <h2>Title</h2>
</div>

<div class = "myclass">
  <h2>Title</h2>
</div>

<div class = "myclass">
  <h2>Title</h2>
</div>

希望这有帮助。

特定元素的Jquery选择器

3 个答案: