javascript - 使用 data() 访问元素？

Question

我无法更改 ID，我无法更改名称，我需要两个不同的类来设置元素的样式。

可以使用 data() 访问元素吗？基本上，我如何访问 data-arrow="el" ？

  $(".vote").data("arrow");
  $(".vote").click(function () {//here i need a selector that should have a permanent name

  //some code
  });

<a href="" class="vote" id="<?php echo $id ?>" name="up" data-arrow="el">up</a>
<a href="" class="vote" id="<?php echo $id ?>" name="down" data-arrow="el">down</a>

谢谢

Answer 1

$("a.vote[data-arrow='el']").click(function(){
    alert("clicked");
});

Example .

这是 jQuery 的 attribute equals selector .

但是选择所有 a 类 vote 的元素不是更好吗？像这样:

$("a.vote").click(function(){...});

此外，建议使用on() 进行事件处理:

$(document).on("click", "a.vote[data-arrow='el']", function(e){
    e.preventDefault();
    alert("clicked");
});

Example .