如何使用javascript / jQuery替换onclick动作（使用正则表达式）？

Question

How can I use jQuery to replace part of the onclick property / attribute? In the example below I would like to replace delete_image with do_delete_image :

Sample HTML

<a href="#" onclick="delete_image(1234)" >Delete Image</a>

My Attempt

jQuery('a').each(function(){
    var action = $(this).prop('onclick').replace('delete_image','do_delete_image');
    $(this).prop('onclick',action);
});

Error

Google chrome is throwing this error:

TypeError: Object function onclick(event) { delete_image(1234);return false; } has no method 'replace'

How can I make this work? ps: This is a bookmarklet set to work with someone else's code.

Answer 1

onclick is a property representing the function that handles the click event. To get and set the actual content, use attr instead of prop .

Alternatively, consider replacing delete_image with do_delete_image , for example:

window.delete_image = window.do_delete_image;

You can combine this with closures if you need to wrap the original function.

Answer 2

使用$（this）.unbind（）清除该元素上的处理程序，然后添加新元素

Answer 3

As of jQuery 1.7, this should work...

jQuery('a').each(function(){
    $(this).off('click')
        .on('click', do_delete_image);
});