Rumah > Artikel > hujung hadapan web > jquery中有没有index方法
jquery中有没有index方法
- WBOYasal
- 2022-05-09 15:12:061724semak imbas
jquery中有index方法；该方法用于返回指定元素相对于其他指定元素的index位置，或者获得元素相对于选择器的index位置，语法为“$(selector).index()”或“$(selector).index(element)”。
本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。
jquery中有没有index方法
jquery中有index方法
index() 方法返回指定元素相对于其他指定元素的 index 位置。
这些元素可通过 jQuery 选择器或 DOM 元素来指定。
注意：如果未找到元素，index() 将返回 -1。
第一个匹配元素相对于同级元素的 index。
获得第一个匹配元素相对于其同级元素的 index 位置。
语法
$(selector).index()
元素相对于选择器的 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>输出结果：
点击milk时，显示结果为：
相关视频教程推荐：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中closest方法怎么用Artikel seterusnya：jquery普通版本与min版本有什么区别