jQuery判断当前元素是第几个元素&获取第N个元素

知道91 | Web前端 | 2014-10-29 | 阅读:85970

jQuery选择器是非常方便的,使用jQuery能够为我们选择元素带来很多的方便,但是我们经常会遇到这样的情况就是我们需要判断当前元素的属于相同类或者相同类型的子元素,或者我们也可能获取到相同类型元素中的第N个元素,那么对于jQuery来说又应该怎样操作呢?下面通过一个示例来说明。

jQuery选择器、获取第N个元素、判断当前元素是第几个元素

假设有下面这样一段HTML代码:

<ul>
    <li>jQuery判断当前元素是第几个元素示例</li>
    <li>jQuery获取第N个元素示例</li>
    <li>jQuery选择器示例</li>
</ul>

jQuery判断当前元素是第几个元素

如果我们点击任何一个li标签,想知道当前点击的是第几个li标签,可以使用下面的代码:

$("ul li").click(function () {
    var index = $("ul li").index(this);
    alert(index);
 });

如上面的jQuery代码,如果点击的第一个会提示"0",如果是第二个li标签会提示"1",注意索引序列号是从0开始的。

jQuery 获取第N个元素

同理,如果我们要获取第二li标签元素,可以使用下面的代码

var element=$("ul li").eq(1);
alert($(element).html());

注意索引是从0开始的,因此上面的代码会输出第二个li标签的html内容。

以上就是jQuery判断当前元素是第几个元素和jQuery获取第N个元素的示例方法,希望可以帮助到需要的朋友。