在href标记中执行javascript代码

Question

I have a page with several (100+) entries like this:

<a href="javascript:removeFromCart(12302, 2);" class="remove">Remove</a>

Now I am looking for a jQuery snippet which can be run in the console and helps me to "click" all those "links" and execute the javascript function removeCart() with the respective parameters.

This does not work:

$("a[href^='javascript']:contains('Remove')").click()

Any ideas?

Answer 1

You can't use .click() here, because there is no event binding for the anchor. You need to manually execute the contents of the href attribute, and that can easilly be done using eval() :

$('.remove').each(function() {
    eval(this.href);
});

Answer 2

You can add a new field and pass the parameters there like <a href="#" data-a="12302" data-b="2" class="remove">Remove</a>

$("a.remove").each(function(){
    var param1 = $(this).data('a');
    var param2 = $(this).data('b');
    removeFromCart(param1, param2);
});

Answer 3

.trigger("click") does not actually perform a user click, but any code binding to the "click" event. You need to set the window location instead:

$("a[href^='javascript']:contains('Remove')").each(function() {
  window.location.href = $(this).prop("href");
});

Answer 4

 $('.remove').trigger('click',function(){
       // place your code
 });

Answer 5

You can move the parameters in the javascript function to data attributes first

<a href="#" data-param1="20433" data-param1="2" class="remove">Remove</a>

then work on the class selector.

$("a.remove").each(function() {
  var param1 = $(this).attr('data-param1');
  var param2 = $(this).attr('data-param2');
  removeFromCart(param1, param2);
});

Answer 6

Well, the only way to trigger the code is actually to execute it.

$("a[href^='javascript:removeFromCart']").each(function() {
    eval($(this).attr('href').substr(11));
});