jQuery按类查找单击按钮的ID

时间:2011-02-08 21:49:05

标签: jquery button

我的页面上有许多具有相同类名的按钮。但是这些按钮具有不同的ID。我该怎么做:

$(".vote").click(function(){
     var id = $(this).{ID OF CLICKED BUTTON};
});

如何使这个伪代码有效?

由于

10 个答案:

答案 0 :(得分:71)

$(".vote").click(function(){
     var id = this.id;
});

可以直接从元素访问ID。绝对不需要使用jQuery方法。

答案 1 :(得分:18)

使用jQuery对象(不是必需的)

$(".vote").click(function(){
  var id = $(this).attr('id');
});


没有jQuery对象(更快)

$(".vote").click(function(){
  var id = this.id;
});

答案 2 :(得分:1)

我认为这也有效

 $("body").on("click",".vote",function(){
    var id = this.id;
 });

答案 3 :(得分:1)

对于动态添加的按钮,您可以尝试以下方法。上面给出的方法仅在加载页面时存在按钮的情况下有效

$(document).on('click','.vote',function(){
    var id=$(this).attr('id');
});

答案 4 :(得分:0)

你可能想看看这个:

$("input").click(function (event) {
               try {
                   var urlid = $(this).attr('id')
                   var isclass = $(this).attr('class')
                   if (isclass == "classname") {
                        alert(urlid);

                       event.preventDefault();
                   }
               }
               catch (err) {
                   alert(err);
               }
           });

答案 5 :(得分:0)

使用它:

var id = $(this).attr('id');

答案 6 :(得分:0)

使用此代码

$(document).on('click','.vote',(event)=>{
     var id = $(event.target).attr('id');
})

确保您在任何情况下都不会遇到任何问题。

答案 7 :(得分:0)

这对我来说很好,

$(".vote").click( (clicked) => {
     var id = clicked.target.id;
});

答案 8 :(得分:-1)

您可以使用

var id = $(this).attr('id');

答案 9 :(得分:-1)

使用attr:

var id = $(this).attr('id');

.attr允许您按名称获取html标记属性。