阿Q吧 > 如何遍历获得div里面所有a标签，并为每一个div添加自增的id和对应的事件。

如何遍历获得div里面所有a标签，并为每一个div添加自增的id和对应的事件。

2024-12-05 01:25:10

推荐回答（4个）

回答1：

代码如下：

$(document).ready(function(){

var i=0; // divid就是某个div的id，each是遍历这个div下的所有a标签

$(".item a").each(function(){

$(this).click(function(){ // 设置每个a标签的onclick事件，在这里你想干吗都可以

var city = this.innerHTML;

var citynum = this.id;

$.ajax(

{ url:getRootPath()+'/help!changearea.action',

data:{ "city":city, "citynum":citynum },

type:'post', dataType:'json',

success:function(data){

alert("更新成功！");

} }); }); }); });

扩展资料

所有主流浏览器都支持

标签。

可定义文档中的分区或节（division/section）。

标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用 id 或 class 来标记

，那么该标签的作用会变得更加有效。

用法

是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是

固有的唯一格式表现。可以通过

的 class 或 id 应用额外的样式。

不必为每一个

都加上类或 id，虽然这样做也有一定的好处。

可以对同一个

元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。

回答2：

用jQuery，非常简单：
获得div里面所有a标签

$("div a")

为每一个div添加自增的id和对应的事件。

var i=0;
$("div").each(function(){
this.id = i;
i++;
$(this).click(function(){
alert(this.id);
});
});

回答3：

html部分：

ts1 ts2 ts3 ts4 ts5 ts6

jquery部分
var len=$(".tsm a").length;
for(var m=0;m var as=$(".tsm a")
as[m].id=m;
}
$(".tsm a").click(function (){
var n=$(".tsm a").index(this);
$(".tsm a").eq(n).css({color:"red"}).siblings("a").css({color:"blue"})

})

回答4：

可以考虑先获取这个div 然后再取所有子节点然后判断是否为再进行操作。
当然要是用jQuery的话就很简单了 $("#div的id a")取到div中的所有了