jquery批量綁定click事件:css
var selects = $(".public_select dd ul li"); debugger; /*$(".public_select dd ul li a").each(function(){ /!*$(this).click(function(){ alert("aa"); })*!/ alert("cc"); $(this).bind("click", function(){ alert("Hello World bind"); }); })*/ selects.bind("click", function(){ var a = $(this); var b = $(this).children("a")[0]; var op = $(this).children("a")[0].attributes[0].value; debugger; $(".public_select dd ul li a").removeAttr("style"); $(".public_select dd ul li a[op="+op+"]").css("background","#a7c2fe"); });
由於a標籤綁定不上click(緣由未知),改成li綁定事件,li標籤與a標籤一一對應。jquery
<dl class="public_select" id="status"> <dt op="0">未提交</dt> <dd> <ul> <li><a op="">--請選擇--</a></li> <li><a op="0">未提交</a></li> <li><a op="1">已提交</a></li> </ul> </dd> </dl>
註釋掉的參考代碼:this
//var selects = $(".public_select dd ul li a"); /*$(".public_select dd ul li a").each(function () { $(this).click(function () { alert("aa"); /!*this. var op = this.attr("op"); $(".public_select dd ul li a").css("background","none"); $(".public_select dd ul li a[op="+op+"]").css("background","#a7c2fe");*!/ }) /!*var op = this.attr("op"); $(".public_select dd ul li a").css("background","none"); $(".public_select dd ul li a[op="+op+"]").css("background","#a7c2fe");*!/ })*/