javascript - jQuery 在每个循环内单击

Question

我想循环我的点击事件，以使代码更短。稍后我可能会有 30 个这样的值。

我的工作代码

$(document).ready(function () {
    var last_click = '';

    $("#title").click(function() { last_click = 'title'; });
    $("#subtitle").click(function() { last_click = 'subtitle'; });
    $("#test").click(function() { last_click = 'test'; });
});

这就是我想要的(不起作用)

我的猜测是，each-loop 在 dom 就绪时运行，然后再也不会运行，这样点击事件就永远不会被触发？

$(document).ready(function () {
    var last_click = '';
    var contents = new Array();
    contents = ['title', 'subtitle', 'test'];

    $.each(contents , function(index, value){
        $("#" + value).click(function() { last_click = value; });
    });
});

如果没有像我想的那样解决，我将感谢一个很好的解决方法。

Answer 1

我宁愿向您想要将其绑定(bind)到的所有元素添加一个类，例如 class="last-click"并将绑定(bind)一次定义为:

$(".last-click").on('click', function() {
    last_click = this.id;
}