怎么给遍历出来的元素绑定点击事件

var div = document.getElementsByTagName('div')

for (var i = 0, len = div.length i < len i++) {

    div[i].onclick = (function (i) {

        return function () {

            console.log(i)

        }

    })(i)

}

用循环给每个div绑定点击事件，用闭包，可以访问另外一个函数的作用域

以使用jQuery为例：

$('input[type="text"]').click(

function() {

// 此处添加onclick事件代码。

}

)

$('input[type="text"]')先选中页面中所有的textbox，然后click函数为选中的元素添加单击事件。

代码如下：

$(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("更新成功！")

}    })     })})})

扩展资料

所有主流浏览器都支持 <div>标签。

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

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

如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。

用法

<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div>固有的唯一格式表现。可以通过 <div>的 class 或 id 应用额外的样式。

不必为每一个 <div>都加上类或 id，虽然这样做也有一定的好处。

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

---