How can I pass a value in a jQuery function without using the onclick attribute?

I am facing a problem where I need to pass one or more parameters to a function javascript

. for example

<a href="#" OnClick="Delete(1,'q');" > X </a>
<a href="#" OnClick="Delete(2,'u');" > X </a>

      

        
        
        
      

    

But I am trying to escape this attribute onclick

from the end of the html. So I used this path

<a  href="javascript://" title="Delete" id="actRemove" data-action="/List/Delete/1" ><span class="glyphicon glyphicon-remove"></span>Delete1</a>
<a  href="javascript://" title="Delete" id="actRemove" data-action="/List/Delete/2" ><span class="glyphicon glyphicon-remove"></span>Delete2</a>
<a  href="javascript://" title="Delete" id="actRemove" data-action="/List/Delete/2" ><span class="glyphicon glyphicon-remove"></span>Delete3</a>

      

        
        
        
      

    

And wrote a function jQuery

like this to grab my link click function

$("#actRemove").each(function() {
   $(this).on("click", function () {
      alert($(this).data("action"));
   });
});

      

        
        
        
      

    

But alas !! I'm sad. This link only works for the first anchor, Delete1

none of the anchors works. Here is a jsFiddle link . I have reviewed these answers Q1 , Q2 , Q3 , Q4 , Q5 , Q6 . Each of these questions has a solution in the first way using onclick

and passed a function parameter. I think differently. Also, my other question is, is there a way to pass a parameter in jQuery

function

without writing onclick

in the attribute html

? I know the jQuery function is capable of taking a parameter, but how can I send it to the function from the end of the html?