jQuery .replaceWith() alternar

Question

Mi sitio utiliza jQuery 1.4.2. El problema es .replaceWith() no funciona en IE6 & IE7 en jQuery 1.4.2. ¿Existe un método alternativo compatible con IE6 & IE7 en jQuery 1.4.2?

El violín está aquí: http://jsfiddle.net/8CEwf/1/

lo sé, no lo parezca jQuery está unida a ella, pero si nos fijamos en el HTML, el jQuery es allí desde jsFiddle no ofrece la versión 1.4.2

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"> 

Guión:

$(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.

Seleccionamos el elemento que queremos reemplazar, agregamos un texto después de él y lo eliminamos del DOM.

Suponiendo que se trata de una función "Agregar al carro" en su sitio web, y que todas las entradas tendrán atributos similares src, ¿por qué no agrega una clase para facilitar la selección?

Answer 2

Esta es una implementación directa de JS de una función de PHP que debe servir a sus necesidades.

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

Answer 3

Aquí hay otro truco. Puede vaciar el elemento antes de reemplazarlo.

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