jQuery .replaceWith() 替代

Question

我的网站使用 jQuery 1.4.2。问题是 .replaceWith() 在 jQuery 1.4.2 的 IE6 和 IE7 中不起作用。 jQuery 1.4.2 中是否有 IE6 和 IE7 支持的替代方法？

fiddle 在这里:http://jsfiddle.net/8CEwf/1/

我知道，它可能没有附加 jQuery，但是如果您查看 HTML，就会发现 jQuery 就在那里，因为 jsFiddle 不提供 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">

脚本:

$(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 属性，那么为什么不直接向它们添加一个类来使选择更容易吗？