<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的值。
在线等...
$(".outadded_menu").fclick(function () {
var clickId = this.id;
});
fclick换成click事件,手误
$('.outadded_menu').click(function(){
console.log($(this).attr('id'));
})
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+"你的事件");
});
}
$('.outadded_menu').click(function(){event.....});
当有顺序之分的时候,我是用blind("click",function(){event.....});
$('.outadded_menu').on('click',function(){
alert($(this).attr('id'));
});
$('.outadded_menu').each(function(){
$(this).click(function){
alert($(this).html())
}
})
$('.outadded_menu').on("click",function(){
if($(this).attr('id')){
console.log($(this).attr('id'));
}
})
如何学习js