Question

当单击特定元素时，如何将自定义html元素的值存储在变量中。

我有很多同一类的元素，每个元素的自定义html属性都会发生变化，我想知道哪一个被点击了。

<div class="comment-post-btn comment-post-btn-wrapper" data-comment-id="' . $row['Id'] . '" >
    Post
</div>
<div class="comment-post-btn comment-post-btn-wrapper" data-comment-id="' . $row['Id'] . '" >
    Post
</div>
<div class="comment-post-btn comment-post-btn-wrapper" data-comment-id="' . $row['Id'] . '" >
    Post
</div>

Answer 1

$('.comment-post-btn').click(function(){
   var id = $(this).attr('data-comment-id'); // your attribute
});

由于您的属性以data开头，因此您也可以使用data()：

$('.comment-post-btn').click(function(){
   var id = $(this).data('comment-id'); // your attribute
});

jQuery.com(.data())

Answer 2

这对你有用

$(".comment-post-btn").click(function(){
  var value = $(this).attr("data-comment-id");
  alert(value);
});

Answer 3

$( ".yourClass" ).click(function() {
console.log($(this));
});

了解浏览器控制台中发生了什么。

如何使用jQuery获取自定义html标记属性值

3 个答案: