如何获取a的索引值

示例代码如下：获取被点击的a标签的索引值

创建Html元素

<div class="box">

<span>点击a标签获取其索引值：</span>

<div class="content">

<a href="#">我是第一个a标签</a>

<a href="#">我是第二个a标签</a>

<a href="#">我是第三个a标签</a>

<a href="#">我是第四个a标签</a>

</div>

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

a{display:block;padding:5px;text-decoration:none;}

selected{background:#99ccff;}

编写jquery代码

$(function(){

$("content a")click(function() {

$(this)addClass('selected'); // 给被点击元素添加样式

alert($(this)index());

})

})

观察效果：因为index从0开始计数，所以点击第三个元素，获取的索引值是2

你好！

通过jquery的层级选择器，可以轻松搞定：

$('div')click(function(){

    //  ">span:nth-child(3)"    表示div的子span元素集合中的第3个元素

    //  "$(">span:nth-child(3)",this)"   表示在当前div查找

   alert(   $(">span:nth-child(3)",this)html()   );    

   

   //另外eq()方法也同样可以,注意索引从0开始

   alert(   $(">span",this)eq(2)html()   );

   

   //jquery中的children

   alert(  $(this)children("span")last()text()  );

   //匹配最后一个子元素

   alert(  $(">span:last-child",this)html()   );

   alert(  $(this)children("span:last")html()  );

   

}

希望对你有帮助！

网上下载一个jquery，百度一下很多的。

然后引用到页面里 <script type="text/javascript" src="xxx/jqueryjs"></script>

以下是id="Con"的div标签中的span被点击时触发

$("#Con span")click(function(){

var ind = $("#Con span")index(this) - 1;

if(ind >= 0){

alert("上一个标签的内容是：" + $("#Con span")get(ind)innerHTML);

}

});

PS

如果觉得jquery不错，可以下载它的说明文档看看，以后写脚本效率可以提高不少。

一、选取DOM元素

jQuery的核心是通过各种选择器，选中DOM元素，可以用querySelectorAll方法模拟这个功能。

var $ = documentquerySelectorAllbind(document);

这里需要注意的是，querySelectorAll方法返回的是NodeList对象，它很像数组（有数字索引和length属性），但不是数组，不能使用pop、push等数组特有方法。

二、DOM *** 作

DOM本身就具有很丰富的 *** 作方法，可以取代jQuery提供的 *** 作方法。

尾部追加DOM元素。

// jQuery写法

$(parent)append($(child));

// DOM写法

parentappendChild(child)

头部插入DOM元素。

// jQuery写法

$(parent)prepend($(child));

// DOM写法

parentinsertBefore(child, parentchildNodes[0])

删除DOM元素。

// jQuery写法

$(child)remove()

// DOM写法

childparentNoderemoveChild(child)

以上就是关于如何获取a的索引值全部的内容，包括:如何获取a的索引值、jquery 获取 DIV 下的 第2个 span、JS如何获取标签集合中某个标签的上一个标签索引等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！