Question

我有这样的按钮

<button class="btn methodDeleteBtn" name="1"  value="Delete"></button>
<button class="btn methodDeleteBtn" name="2"  value="Delete"></button>
<button class="btn methodDeleteBtn" name="3"  value="Delete"></button>
<button class="btn methodDeleteBtn" name="4"  value="Delete"></button>

我在这里得到了点击事件。

$( document ).ready(function() {
    $(".methodDeleteBtn").click(function(){
        console.log("delete:"); // How to get the "name" value????  
        }
     )
});

如果我能像这样得到元素本身，我会得到名字的价值。

   $(".methodDeleteBtn").click(function(e){
        e.name // If I can get the element itself.
   }

有谁知道解决这个问题的好方法？

Answer 1

您可以使用$(this)来引用触发事件的项目。

你也应该像这样使用newer syntax。

$(".methodDeleteBtn").on('click', function(){
    console.log($(this).attr('name)); 
});

请注意，如果您计划多次使用$(this)，则应将其存储在变量中以加快速度。

就像这个例子：

$(".methodDeleteBtn").on('click', function(){
    vat t = $(this);
    console.log(t.attr('name));
    console.log(t.val());
    //etc.
});

Answer 2

您可以通过以下方式获取名称值：

$( document ).ready(function() {
    $(".methodDeleteBtn").click(function(){
       var name = jQuery(this).attr('name');
       alert(name);
    }
 )
});

获取导致jquery函数中的事件的元素本身

2 个答案: