js怎么用循环给N个div各个绑定click事件并且输出这个div里面的内容

如题所述

点击页面内容文字,即可显示对应div中的内容:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript"src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>
<script>
$(function(){
     $("div").each(function(i){
         $(this).bind("click", {index: i}, clickHandler);
     });
     function clickHandler(event){
      var i= event.data.index;
      alert($("div").eq(i).html());
     }
})
</script>
</head>
    <body>
        <div class="test">测试div1</div>
        <div class="test">测试div2</div>
        <div class="test">测试div3</div>
    </body>
</html>

温馨提示:内容为网友见解,仅供参考
无其他回答

js 怎么给多个div循环添加点击事件
<div>111111<\/div><div>222222<\/div><div>333333<\/div><script>window.onload=function(){ var divs=document.getElementsByTagName("div"); for(var i=0;i<divs.length;i++){ divs[i].onclick=function(){ alert(this.innerHTML); } }}<\/script> ...

各位高手!js自动生成了几个div怎样让其各自绑定点击事件,怎样知道点击...
newDivNode.addEventListener("click", function(){ alert(this.id.replace(\/newId\/,''));}, false);你上面存了id这个属性的 可以通过id获取,然后再删除前面的newId几个字母,获取的就是后面的i;望采纳 另外。删除数组的方法用splice;arr.splice(start,length);删除起始位置(数组下表),和删...

用js动态创建n个div,并为每个div添加个事件,使鼠标单击该div时,该div...
可以去看看jquery的hide()和show()方法,很好实现的,就是点击#a这个div之后显示,$("#a").show();其他的div全部隐藏;$(this).siblings().hide();

js多个button控制多个div显示与隐藏
设置...等var aDiv =document.getElementsByTagName("div")[0].getElementsByTagName("div");\/\/通过input找到5个按钮var aBtn = document.getElementsByTagName("input");\/\/按钮和div文字描述存在一一对应的关系,第几个按钮,就对应要显示的第几个div文字描述\/\/循环给5个按钮添加被点击时的事件for...

点击按钮显示div内容在点击按钮显示另一个div内容用JS怎么写
\/\/方法一:将div中的值赋值到一个用于显示的框中(showBox)var flag=true;btn.onclick=function(){ if(flag){ showBox.innerHTML=div1.innerHTML;btn.value="显示div2的内容"flag=false;} else{ showBox.innerHTML=div2.innerHTML;btn.value="显示div1的内容"flag=true;} } \/\/方法二:用...

js编写扫雷中,用for(i<100)循环为每一个div添加单击事件,并调用迭代函 ...
for(var i=0;i<100;i++){ odivs[j].indexs = i; if(odivs[j].attri=='default') odivs[j].onclick= function(){ this.style.background='#fff'; rec(odivs[j].indexs+1); } else if(odivs[j].attri!='mine') { odivs[j].onclick=func...

...class的DIV下的点击其中一个DIV,如何获得这个DIV下的某个div?_百 ...
.ready(function(){ \/\/给所有的父类DIV添加事件 ('.class_one').live('click', function() { (this).children().eq(1).css("display","none");});});你在你的JS中加入这样一段话 它的意思是:点击父类时,找到父类下的第二个子集,给这个子集添加css样式 希望能对你有所帮助吧!

如何用JS或JQ实现点击不同的按钮出现不同的层内容
<h1>hfhfhf<\/h1> <div id="3"><p>fffsfsfssssssssssssssssssssssssssssssssssfffffffff<\/p><\/div> <\/body> <\/html> 因为span1的display原始属性是block,所以打开页面会显示span1的内容。选择不同单选按钮时,会调用不同的js方法,改变各个span的display值,来控制显示不同的内容。

用js怎样自动循环生成div?
1、先根据id获取对象 document.getElementById("pro")2、然后 使用该对象‍的 .innerHTML 属性往该节点中插入 document.getElementById("pro").innerHTML="<div>***<\/div>"3、使用for循环。4、结束,实现方法很多。编程学的不是代码,而是思想。

点击div另一个做出反应,在点击一次在做出反应,js
通过document.getElementById只能获取第一个id为给定参数的节点,不会获取多个,所以你还得换个方式获取所有有需要的节点。如果只是点击一次隐藏,再点击一次显示,参考以下代码:for(var x = 0; x < show_divs.length; x++) { if(show_divs[x].style.display == 'none'){ show_divs[x]...

相似回答