jQuery .replaceWith（）alternate

Question

私のサイトでは、jQuery 1.4.2を使用しています。問題は.replaceWith()はIE6で動作しません& IE7 jQuery 1.4.2で動作します。 jQuery 1.4.2でIE6 & IE7でサポートされている別の方法がありますか？

フィドルはここにある：http://jsfiddle.net/8CEwf/1/

私が知っている、jQueryのは、それに接続されているように見えることはできませんが、あなたがHTMLで見ればjsFiddleはバージョン1.4.2を提供していないので、jQueryがあります

HTML：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<img src="/v/vspfiles/templates/cyberfront/images/buttons/btn_addtocart_small.gif"> 
<input type="image" src="/v/vspfiles/templates/cyberfront/images/buttons/btn_go_gray.gif"> 
<img src="/v/vspfiles/templates/cyberfront/images/Bullet_MoreInfo.gif"> 

スクリプト：

$(document).ready(function(){ 
$('img[src="/v/vspfiles/templates/cyberfront/images/buttons/btn_addtocart_small.gif"]').replaceWith('<br /><span id="blackbutton" class="mediumbutton" style="display:block;">Add to Cart</span>'); 
$('input[src="/v/vspfiles/templates/cyberfront/images/buttons/btn_go_gray.gif"]').replaceWith('<input type="submit" class="graybutton smallbutton" name="Go" alt="Go" value="Go" title="Go">'); 
$('img[src="/v/vspfiles/templates/cyberfront/images/Bullet_MoreInfo.gif"]').replaceWith('<span class="learnmore">Learn More</span>'); 
}); 

Answer 1

$("element").after("text to replace element with").remove(); 

Example。

置き換えたい要素を選択し、その後にテキストを追加してDOMから削除するだけです。

あなたのウェブサイトに「カートに追加」機能があり、すべての入力に同じようなsrc属性があるとすると、選択を簡単にするためにクラスを追加するのはなぜですか？

Answer 2

これは、お客様のニーズに対応するPHP関数のJS実装です。

http://phpjs.org/functions/str_replace:527

Answer 3

これは別のトリックです。置き換える前に要素を空にすることができます。

$(document).ready(function(){ 
    $(selector).empty().replaceWith('...'); 
});