Rumah > Artikel > hujung hadapan web > jquery中index的用法是什么
jquery中index的用法是什么
- WBOYasal
- 2022-04-18 11:52:533403semak imbas
在jquery中，index()方法用于返回指定元素相对于其他指定元素的index位置，元素可以通过jquery选择器和DOM元素指定，若没有找到指定的元素，该方法返回的结果是“-1”，语法为“元素对象.index()”。
本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。
jquery中index的用法是什么
index() 方法返回指定元素相对于其他指定元素的 index 位置。
这些元素可通过 jQuery 选择器或 DOM 元素来指定。
注意：如果未找到元素，index() 将返回 -1。
获得第一个匹配元素相对于其同级元素的 index 位置。
语法
$(selector).index()
获得元素相对于选择器的 index 位置。
该元素可以通过 DOM 元素或 jQuery 选择器来指定。
语法
$(selector).index(element)
示例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("li").click(function(){
alert($(this).index());
});
});
</script>
</head>
<body>
<p>点击获取列表项的索引位置,相对于它的兄弟元素</p>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>输出结果：
点击第一个li元素输出结果为：
相关视频教程推荐：jQuery视频教程
Atas ialah kandungan terperinci jquery中index的用法是什么. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jquery怎么设置input值改变时触发事件Artikel seterusnya：jquery中find的用法是什么