jquery批量绑定click事件

Posted super超人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery批量绑定click事件相关的知识,希望对你有一定的参考价值。

jquery批量绑定click事件:

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标签一一对应。

<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>


注释掉的参考代码:

//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");*!/
    })*/

 

以上是关于jquery批量绑定click事件的主要内容,如果未能解决你的问题,请参考以下文章

原生js如何绑定a连接点击事件?

jquery 动态添加的元素 绑定事件click失效

jquery事件重复绑定

JS: javascript 点击事件执行两次js问题 ,解决jquery绑定click事件出现点击一次执行两次问题

jquery中click事件的累加绑定,点击一次,执行多次

jQuery之方法绑定(事件注册)代码小结