Question

jquery中如何获取class下面的某个子标签？？

代码如下
<div class="box">
<p>123</p>
<p>456</p>
</div>

如上面的代码，如果通过$(".box")的形式获得第一个p标签的值呢？？？？

Answer 1

1、addClass()，为元素标签添加class。

2、如图所示代码实现方式，addClass()，为元素标签添加多个class也可以的。

3、removeClass()，可以删除元素标签的class。

4、removeClass()，也可以删除元素标签的多个class。

5、toggleClass()，如果没有相关class，则添加，如果有，则删除。

6、css()，可以设置元素标签的属性。

7、css()，也可以返回元素标签的属性。

Answer 2

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的<script>标签，输入jquery代码：$('body').append($('.box p').eq(0).text());。

3、浏览器运行index.html页面，此时通过jquery获取到了class为box下的第一个p标签的内容。

Answer 3

$(".box").children("p:eq(0)").text();
eq()里面的是下标，比如你要获取第二个，就eq(1)。第三个就eq(2)......

Answer 4

$('.box p').eq(0).text()

Answer 5

$('.box p').eq(0)