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();"を追加しました。オンクリックが変化するので、単純な.attrまたは.prop関数では不十分です。 onclick属性をクローンする必要があります。誰でも助けてくれますか？ありがとう。 onclickの入力のをトリガーhttp://jsfiddle.net/rAMcw/

Answer 1

ちょうど入力した後、新しいボタンを作成し、display: none;（またはjQuery('#input').hide()）への入力を設定し、ボタンを持っている：ここでは

はonclickの属性を保存しませんが、他のすべてはないjsFiddleですここにあなたが行うことができますのonclick（jQuery('#button').click(function(){ jQuery('#input').trigger('click'); });

Answer 2

（私はそれをテストするための簡単な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/

Answer 3

クローニングはどうですか？

var x = $('input').clone(true); 
x.attr('type','button').addClass('previous_page_img graybutton mediumbutton').val('Previous Page'); 
$('input').replaceWith(x); 

は、ボタンの中に、既存のinput要素を回すと間違っている何jsFiddle

Answer 4

を更新しましたか？

$("input.previous_page_img").prop("type", "button").val("Previous Page"); 

jQuery 1.4.2 :(単純なJavaScriptでプロパティを設定）。

$("input.previous_page_img").val("Previous Page")[0].type = "button"; 

Demo