Question

I can’t change the id, i can’t change the name and i need two different classes to style the elements.

It is possible access an element with data () ? basically, how can i access 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>

thanks

Answer 1

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

Example.

This is jQuery’s attribute equals selector.

But wouldn’t you be better off selecting all a elements with the class vote? Like so:

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

Also, it’s recommended to use on() for event handling:

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

Example.