What kind of a JQuery selector can I use to select a link by data attribute?

Question

I have the following HTML on my page:

<a data-href="/C003Q/History"><span>History</span></a>

Is there a JQuery selector that will allow me to send a click event to the link?

Answer 1

You can use attribute selector,

Live Demo

$('a[data-href="/C003Q/History"]').click(function(){        
   alert("clicked");
});​

Answer 2

Use this method if you want to trigger the click event:

$('a[data-href="/C003Q/History"]').click();

Or use the following code if you want to pass a click handler to the link:

$('a[data-href="/C003Q/History"]').click(function(){
    console.log("click");
    //And do your logic here
});

This works for me.