javascript - 使用 jQuery 拆分和修改元素

Question

这是一个令人困惑的问题。我需要更换<input>与不同的<input>但我需要保留 onclick 属性。这是一个例子:

<input type="image" class="previous_page_img graybutton mediumbutton" src="btn_prevpage.png" onclick="Add_Search_Param('page', 1); Refine();" alt="">

因为我无法更改 <input>键入按钮，我想将其替换为按钮，但是，我需要保留“onclick”属性。所以首先，我必须分解这个元素。将其替换为按钮并将原始 onclick 属性附加到新按钮。

所以最后，我会得到这个 onclick="Add_Search_Param('page', 1); Refine();"添加到新按钮。由于onclick发生了变化，一个简单的.attr或.prop功能就不够了。它必须克隆 onclick 属性。谁能帮我？谢谢。

这里的 jsFiddle 不保留 onclick 属性，但执行其他所有操作:http://jsfiddle.net/rAMcw/

Answer 1

你可以这样做(我使用了一个简单的 JavaScript 函数来测试它)

<input type="image" class="previous_page_img graybutton mediumbutton" src="btn_prevpage.png" onclick="Add_Search_Param('page', 1); Refine();" alt="">

var onclick = $('.mediumbutton').attr('onclick');

var but =  $('<input/>', { type: "button", value: "pressme", onclick: onclick});

$('.mediumbutton').replaceWith(but);

在这里摆弄http://jsfiddle.net/KjBm3/