Question

如何使用jquery选择器选择此HTML中的元素。

<div class = 'divOne">
</div>
<div class = 'divTwo">
  <h3>Title</h3>
</div>

Answer 1

$('.divOne').siblings('.divTwo').children('h3')

Answer 2

选择h3元素非常简单。

但您必须先修复HTML。而在编写HTML5时，通常可以使用单引号。但是，你必须在价值的开始和结束中使用它们：<div class='divOne' />或{{1} }

<div class="divOne" />

$('.divTwo > h3').css('border', '1px solid red');

Answer 3

$(".divOne")在第一个div上执行jquery函数 $(".divTwo")在第二个div上执行jquery函数 $("h3")在header元素

上执行jquery函数

Answer 4

您可以使用jQuery选择器并选择h3和$('h3')。但也许你的代码中有多个h3 - 标签。在这种情况下，您可以为h3提供一个类，并使用选择器选择类。

示例：

<div class = "divOne">
</div>
<div class = "divTwo">
  <h3>Title</h3>
</div>

在这种情况下，请使用：$('h3');

或

<div class = "divOne"> </div> <div class = "divTwo"> <h3 class="myClass">Title</h3> </div>

在这种情况下，您使用$('.myClass');

<强> -----------

在上面我解释了如何选择h3-tag，但它确实适用于课程的所有元素;）

我还注意到您在HTML中使用单引号和双引号（'divOne"）

不要将两者同时用于单个属性。只需"divOne"或'divOne'。

Jquery选择元素h3

4 个答案: