2 qq 21741673 qq_21741673 于 2016.02.25 15:34 提问

jquery获取相同class的div并绑定点击事件
<div id="outadded_content">
            <div class="outadded_menu">
                <img style="height:65%;width:80%;" src="../image/more.png" />
                <span>菜单1</span>
            </div>
            <div class="outadded_menu">
                <img style="height:65%;width:80%;" src="../image/more.png" />
                <span>菜单2</span>
            </div>
            <div class="outadded_menu">
                <img style="height:65%;width:80%;" src="../image/more.png" />
                <div>菜单3</div>
            </div>
            <div class="outadded_menu">
                <img style="height:65%;width:80%;" src="../image/more.png" />
                <span>菜单4</span>
            </div>
            <div class="outadded_menu" id="a">
                <img style="height:65%;width:80%;" src="../image/more.png" />
                <span>菜单5</span>
            </div>
        </div>

需要用jquery获取class为outadded_menu的div对象,并且绑定点击事件,获取所点击的div的id的值。

在线等...

8个回答

qq_19891827
qq_19891827   2016.02.25 15:57
 $('.outadded_menu').click(function(){
     console.log($(this).attr('id'));
 })
wufeiya
wufeiya   2016.02.25 16:21

$('.outadded_menu').each(function(){
$(this).click(function){
alert($(this).html())
}
})

cherry91xw
cherry91xw   2016.02.25 15:40

$(".outadded_menu").fclick(function () {
var clickId = this.id;
});

cherry91xw
cherry91xw   2016.02.25 15:40

fclick换成click事件,手误

u012682006
u012682006   2016.02.25 16:05
var ArrayMenu = $('.outadded_menu');
    for(var i = 0;i < ArrayMenu.length; i++){   
        //绑定方法每个菜单的点击
        $(ArrayMenu[i]).bind("click",{'bindText':i},function ChangContent(e){
            var num = e.data.bindText;
            alert(num+"你的事件");
        });
    }
a1073727231
a1073727231   2016.02.25 16:07
$('.outadded_menu').click(function(){event.....});
当有顺序之分的时候,我是用blind("click",function(){event.....});

lizhao861018
lizhao861018   2016.02.25 16:17

$('.outadded_menu').on('click',function(){
alert($(this).attr('id'));
});

lkycn
lkycn   2016.02.26 10:23

$('.outadded_menu').on("click",function(){
if($(this).attr('id')){
console.log($(this).attr('id'));
}
})
如何学习js

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
页面有多个相同的id或者class时,绑定jquery事件无效,解决方案
&amp;lt;div id=&quot;cp_liuyan&quot; class=&quot;cp_tl cp_tl2&quot; &amp;gt;按钮&amp;lt;/div&amp;gt; &amp;lt;div id=&quot;cp_liuyan&quot; class=&quot;cp_tl cp_tl2&quot; &amp;gt;按钮&amp;lt;/div&amp;gt; &amp;lt;div id=&quot;cp_liuyan&quot; class=&quot;cp_tl cp_
jQuery 相同id绑定相同事件
<br />在做一个表格的时候,想通过jquery筛选出相同id的内容。<br />$(function(){<br />   $("#delete").click(function(){<br />    alert("hi");<br />   });<br />  });<br />发现在这个时候只能让第一个id为delete的内容绑定点击事件。<br />然后想能不能通过each来使得每个delete绑定点击事件<br />$(function(){<br />   $("#delete").eac
jquery点击事件获取该元素在整个一类元素中的索引值
有一类div标签,class为pointbox,数量不等,有多个。我需要在点击某一个标签的时候实时获取该标签在这类标签中索引值,以便进行其他操作。 代码很简单: $(".pointbox").click(function () {          var index=$(".pointbox").index($(this));        }); 但是很有用。做下笔记
js_对多个同名id 添加 事件_多个对象如何绑定同一事件
$(&quot;[id='s_username']&quot;).change(function(){ if($(&quot;[id='s_username']&quot;).val()==''){ $(&quot;#s_userId&quot;).val(&quot;&quot;); } }) $(&quot;#div1,#divN,xxxxxxx&quot;).click(function(){ }); jquery 多个对...
JS给某一个节点的子节点全部绑定事件
测试节点 div3 div4 div5 显示点击ID     function elClick(object)     {         document.getElementById('div1').innerHTML=object.innerText;     }     function init(){         var p =
遍历ul下的li的点击事件给予class样式属性
下载 注册 绑卡 开户 购物 分享
react绑定事件的三种方式
1.直接用bind()方法绑定<div onClick={this.handleClick.bind(this,param)}></div>param 代表要传递的参数2.用箭头函数绑定<div onClick={(data)=>{this.handleClick}></div>data 代表要传递的参数3.构造器内声明,优点为仅需要一次绑定,不需要每次调用去执行绑定。class Mian exte
jQuery绑定img的click事件
Jquery绑定img的click事件 用JQUERY给IMGelement绑定click事件的时候,直接用img.click(function(){...})不起作用,如下面代码 $("img.ms-rteImage-LightBox").click(function(){ SP.UI.ModalDialog.showModalDialog({ url: $(this).attr(
jquery on() 给js动态新添加的元素 绑定的点击事件。
$('.class').on("click",function(){……});相当于$('.class').bind("click",function(){……}); $(document).on("click",'.class',function(){……});相当于$('.class').live("click",function(){……}); js生成的元素绑定事件必须使用live,但新版
js获取不div下class相同的div
获取div111下的divclass数量: js: var oDiv = document.getElementById("div111"); var aDiv = oDiv.getElementsByTagName("div"); alert(aDiv.length); jQuery: var oDiv= $("#div111 .divclass"); alert(oDiv.leng