Question

我想获取在指定类中单击的元素的id，并且想要打印ID。

这是我的JS，我是新的JS，请帮忙

      $('.wrapinner').click(function(e) {
         $('.wrapinner').css("margin-top","0");
         $('.wrapinner').css("opacity","0.4");
         $(this).css("margin-top","25px");
         $(this).css("opacity","1");
         var r= document.getElementById(this).attributes.toString();
        document.write(r);
    });

Answer 1

有两种方法可以做到这一点：

1）完成没有jQuery对象（更快）

$(".wrapinner").click(function(){
  //Your Code
  var id = this.id;
  document.write(id);
});

OR

2）完成jQuery对象：

$(".wrapinner").click(function(){
  //Your Code
  var id = $(this).attr('id');
  document.write(id);
});

在jfriend00发表评论后

注意。

如果确实需要，请使用document.write()并且对您的网页无害或使用console.log()。阅读Why is document.write considered a "bad practice"?

Answer 2

您可以直接调用本机javascript对象; this.id。

$('.wrapinner').click(function(e) {
     $('.wrapinner').css("margin-top","0").css("opacity","0.4"); // chained these two
     $(this).css("margin-top","25px").css("opacity","1"); // chained these two
     var r = this.id; // this should already reference the correct element.
    document.write(r);
});

Answer 3

尝试这种方式：

$('.wrapinner').click(function(e) {    
  console.log(this.id);
});

Answer 4

你没有将id传递给getElementById，而是你自己传递了这个对象。您可以使用this.id而不是this获取事件源对象的ID。

更改

var r= document.getElementById(this).attributes.toString();

到的

var r= document.getElementById(this.id).attributes.toString();

Answer 5

只需写下

document.write(this.id)

Answer 6

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

Answer 7

试试这个：

$('.wrapinner').click(function(e) {
         $('.wrapinner').css("margin-top","0");
         $('.wrapinner').css("opacity","0.4");
         $(this).css("margin-top","25px");
         $(this).css("opacity","1");
         var id = $(this).attr('id');
    });

Answer 8

试试这个例子：

<table>
<tbody>
<tr id="CustomerScreen" class="rows"></tr>
<tr id="TraderScreen" class="rows"></tr>
<tr id="DistributorScreen" class="rows"></tr>
</tbody>
</table>
<script>
$('.rows').each(function () {
    var ar = this.id;
    console.log(ar);
});
</script>

Answer 9

您可以查看此代码..

$('.wrapinner').click(function(e) {    
var getID = $(this).attr('id');
alert(getID);
});

Answer 10

我在类上捕获click事件，然后使用parent（）查找其id和类名。演示demo

$(document).ready(function(){
    $('.class-first ul li, .class-second ul li, .class-third ul li').on('click',function(){
        console.log("child :"+$(this).attr('id') + " Parent:"+$(this).parents().eq(1).attr('class'));
    });
})

使用类名按ID获取元素

10 个答案: