js循环点击div事件

Posted 2023-04-09

我用js动态创建了12个div，代码
for(var i=0;i<11;i++)
var datebox = document.createElement("div");
datebox.className = "datebox";
datebox.id = "datebox"+i;
$("#hiddenbox").append(datebox);
$("#datebox"+i).append(GetDateStr(i));


现在需要给每个div添加点击事件，例如点击datebox0，datebox1....事件，不要一个一个的判断点击请问我该怎么写？
我需要获得点击的那个div里面的数据。

参考技术A 就12个吗，如果1200个呢。。。
所以你可以用事件冒泡的方式，比如你给body绑定件事件
document.body.onclick = function(e)
e = e || window.event;
var tag = e.target || e.srcElement;
if(tag.tagName=="DIV" && tag.id && tag.id.match(/datebox\d+/)
//这里做你的事。

参考技术B 你在创建div的同事添加点击事件就行！ 参考技术C $('[id^=datebox]').on('click',function()
alert($(this).html());
);本回答被提问者采纳

多个div，js点击事件

<div id="ok1"></div>
<div id="ok2"></div>
<div id="ok3"></div>
<div id="ok4"></div>
多选或单选点击事件，js怎么处理

参考技术A

多选或者单选不应该是input type="radio" 或者 type="checkbox" 这种input标签么，怎么会想到用div呢

用div的话

方法1：在每个div中加个class,如 <div id="ok1" class="hhhhh"></div>

然后引入jquery，定义

$(function()

        $('.hhhhh').click(function(

                 //处理点击业务

        ))

)

方法2：在每个div中加个function,如 <div id="ok1" onclick="hhhhh(this)"></div>然后js方法：

function hhhhh(thisObj)

          //处理点击业务  thisObj为当前this对象

本回答被提问者和网友采纳