Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 按索引选择元素(同一类的多个元素)_Javascript_Jquery - Fatal编程技术网

Javascript 按索引选择元素(同一类的多个元素)

Javascript 按索引选择元素(同一类的多个元素),javascript,jquery,Javascript,Jquery,有没有办法用Javascript或jQuery按索引选择元素?例如: <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> 在jQuery下,我可以得到长度为4的值,现在有没有一种方法可以根据“div.item”的索引号选择并操作该元素? $(“div

有没有办法用Javascript或jQuery按索引选择元素?例如:

<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>

在jQuery下,我可以得到长度为4的值,现在有没有一种方法可以根据“div.item”的索引号选择并操作该元素?

$(“div.item”).eq(0)
将为您提供第一个元素。

$(“div.item”).eq(0)
将为您提供第一个元素。

您可以将选择器用于此作业:

var element = $('div.item:eq(3)');
您可以为此作业使用选择器:

var element = $('div.item:eq(3)');
此代码将使用.item类选择第四个div

此代码将选择具有.item类的第四个div('div.item:eq(3)') 或 $(“分类项目”)。等式(3) 或 $(“div.item”).get(3)

如果您正在谈论获取“元素”,那么第三个选项将返回DOM元素,而前两个选项将返回包含DOM元素的jQuery对象

前两个非常相似。区别在于第一个元素将“eq”放在查询中,因此您只能操作单个元素。如果使用第二个,可以执行以下操作 $(“div.item”).css('background','red').eq(3).css('background','blue')) 使用其他两种方法是不容易做到的。

$('div.item:eq(3)') 或 $(“分类项目”)。等式(3) 或 $(“div.item”).get(3)

如果您正在谈论获取“元素”,那么第三个选项将返回DOM元素,而前两个选项将返回包含DOM元素的jQuery对象

前两个非常相似。区别在于第一个元素将“eq”放在查询中,因此您只能操作单个元素。如果使用第二个,可以执行以下操作 $(“div.item”).css('background','red').eq(3).css('background','blue')) 用另外两种方法是不容易做到的