javascript - $(this) 正在提醒 jquery 中先前选择的值

Question

我正在使用 $(this) 来获取特定类的当前选定(单击)元素。第一次它很好，即我正在获取选定的元素，但一旦我第二次单击它会发出旧选择和新选择的警报。我无法找出问题所在。 这是代码..

            $('.l-one').click(function () {

             var tableName = $(this).text();

             //Table Name Lable
             $("#lbl").text(tableName);

             //Panel
             $("#Perticulars").show();

             $('.my-new-three').click(function () {
                 var dishvalue = $(this).text(); //get the value of dish item and display in the table
                 //console.log(dishvalue); 
                 alert(tableName);
                 alert(dishvalue);
                 if (localStorage.getItem(tableName) != null) {
                     alert("b");

在 alert(tableName); 中，我收到了之前选择的所有表格的警报。请帮助我解决此问题。 谢谢...

Answer 1

使用下面的代码。仅当您每次单击“.l-one”时单击“分配事件”。因此，如果您单击 '.l-one' 3 次 'click' 事件，则将 3 次分配给 '.my-new- Three'。

unbind()函数从元素中删除事件和 bind()函数将事件附加到元素。因此，每次点击“.l-one”时，根据您的代码，取消绑定(bind)，从“.my-new- Three”中删除点击事件，然后再次绑定(bind)函数，将点击事件分配给“.my-new- Three”。

  $('.my-new-three').unbind('click').bind('click',function () {});

另一种方法是使用单独的点击事件方法。

 $('.l-one').on('click', function () { });

 $('.my-new-three').on('click',function () {})