欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

jquery 根据索引获取元素

shiping1 的头像

jquery 第几个元素,第N个元素 ,eq()

使用jquery时经常会遇到,选择器选择一组元素后,需要在这组元素中找到第几个元素。

jquery中使用eq()方法找到第几个元素或第N个元素,jquery中eq()的使用如下:

eq() 选择器选取带有指定 index 值的元素。

index 值从 0 开始,所有第一个元素的 index 值是 0(不是 1)。

经常与其他元素/选择器一起使用,来选择指定的组中特定序号的元素。

例子:

$('#test').children().eq(1).css({'display':'inline-block'});

将id为test的元素的第二个子元素样式设置为'display':'inline-block'。

另一种写法

$(":eq(index)")
如:$("p:eq(1)")

 

//要注意,eq返回的是jquery对象,
//而get(n)和索引返回的是dom元素对象。
//$("p")[0] 返回的 dom元素对象

$("div").eq(2).html();     //调用jquery对象的方法
("div").get(2).innerHTML;   //调用dom的方法属性
$("p")[0].innerHTML         //调用dom的方法属性



$("#msg")[0],
$("div").eq(1)[0],
$("div").get()[1],
$("td")[5]
这些都是dom对象
可以使用dom中的方法,
但不能再使用Jquery的方法。

eq(num)返回的是jQuery object,用法:$(element).eq(0).html(),返回第一个元素中包含的HTML  

get(index)返回的是javascript的DOM,用法:$(element).get(0).innerHTML,返回索引为0元素中包含的HTML

 

普通分类: