Question

我有3个DIV，Class相同，怎么用Jquery获取到第三个DIV？

如
<form>
<div class=“abc”></div>
<div class=“abc”></div>
<div class=“abc”></div>
</form>

怎么获取到第三个ABC的DIV？

Answer 1

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery，编写问题基础代码。

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

3、浏览器运行index.html页面，此时成功用jquery取得了相同class的div的第3个元素并打印了其内容。

Answer 2

$(".abc").eq(2)
取第三个class为abc的对象

追问

$(".abc")可以获取到所有class为abc的DIV么？

追答

$(".abc")取出所有class为abc的元素，当然包括div元素，如果只取div，可以写成$("div[class=abc]")，eq(n)，n为索引值，表示取第n+1个元素（n从0开始）

追问

那如果其中有一个DIV的值是ABC,但是不知道是哪个，这次可以有ID了，我怎么获得那个有ABC值的DIV呢？比如这样

追答

$("div:contains('ABC')")

Answer 3

$(“.abc:eq(2)”) jq选择器基本用法，其中eq(x)指第（x+1）个元素（x 从 0 开始） 详细介绍推荐查看w3school，(网站见参考资料)

Answer 4

每个div再加个ID

追问

不能有ID。。。这是题目。