js index属性及jquery index（）方法

最新推荐文章于 2023-09-15 17:00:14 发布

合远

最新推荐文章于 2023-09-15 17:00:14 发布

阅读量2.7w

点赞数 3

分类专栏： js-基础语法文章标签： javascript jquery

本文链接：https://blog.csdn.net/quanquanhe526/article/details/76788270

版权

js-基础语法专栏收录该内容

4 篇文章 0 订阅

订阅专栏

js 中的index 属性可返回下拉列表中选项的索引位置
语法：optionObject.index
（意思在原生js中它是option的私有属性）
当在原生js中特别是在循环中，我们常自定义index属性

var liObj = document.getElementsByTagName("li");
for (var i=0;i<liObj.length;i++) {
 liObj[i].index = i;  //这里index相当于形参
}
liObj[i].index = i;

表示循环给liObj添加索引值和上面的原生js index有，这是自定义属性，当然这里的index相当于形参，自定义。

jquery index（）定义和用法
index() 方法返回指定元素相对于其他指定元素的 index 位置。
这些元素可通过 jQuery 选择器或 DOM 元素来指定。
注释：如果未找到元素，index() 将返回 -1。

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("li").click(function(){
    alert($(this).index());
  });
});
</script>
</head>
<body>
<p>点击列表项可获得其相对于同胞元素的 index 位置：</p>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>
当然jquery index（）还有很多经典用法，这里不深讨论。

合远

关注

3
点赞
踩
21

收藏

觉得还不错? 一键收藏
0
评论
js index属性及jquery index（）方法

js 中的index 属性可返回下拉列表中选项的索引位置语法：optionObject.index （意思在原生js中它是option的私有属性）当在原生js中特别是在循环中，我们常自定义index属性var liObj = document.getElementsByTagName("li");for (var i=0;i<liObj.length;i++) { liObj[i].
复制链接

扫一扫

专栏目录