jQuery DOM 元素方法 - index() 方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery DOM 元素方法 - index() 方法相关的知识,希望对你有一定的参考价值。

元素的 index,相对于选择器

获得元素相对于选择器的 index 位置。

该元素可以通过 DOM 元素或 jQuery 选择器来指定。

语法

$(selector).index(element)

 $(".hot").index($("#favorite"))  #favorite相对于指定于其他.hot的位置

<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert($(".hot").index($("#favorite")));
});
});
</script>
</head>
<body>

<p>单击按钮来获得id =“favorite”的元素的索引,相对于jQuery选择器(类=“hot”):</p>
<button>获取下标</button>
<ul>
<li>Milk</li>
<li class="hot">Tea</li>
<li class="hot">Tea</li>
<li >Tea</li>
<li class="hot" id="favorite">Coffee</li>
</ul>

</body>
</html>






















以上是关于jQuery DOM 元素方法 - index() 方法的主要内容,如果未能解决你的问题,请参考以下文章

[ jquery 方法 get(index) ] 可以将取得的相应jquery对象和DOM元素对象进行转化

Jquery DOM元素的方法

jQuery DOM 元素方法

jQuery的DOM操作实例——选项卡&&Tab切换

jQuery的dom操作

jquery获取元素索引值index()