替换匹配单词'cart'的文本字符替换为img图标

Question

我想使用jQuery在我的整个网站文档中替换单词“cart”，并带有图片图标或img src是否可以仅定位单词'cart '并且这样做？

Answer 1

是的。这样的事情应该有效：

$("body").html($("body").html().replace(new RegExp("cart", 'g'), "<img src='#'/>"))

小提琴： https://jsfiddle.net/c7queker/

Answer 2

您可以使用replace方法执行此操作：

$('div').html(function(_,t){
  var src = 'https://cdn0.iconfinder.com/data/icons/typicons-2/24/shopping-cart-24.png';
  return t.replace(/cart/g, '<img src="'+src+'">')
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>I would like to use jQuery to replace the word 'cart' through out my entire website document with an image icon or img src is it possible to only target the word 'cart' and do so?</div>

Answer 3

您必须使用可能产生所需结果的所有可识别的jquery，然后使用以下jquery代码示例将所有购物车替换为图像：

$('.container ul li a').html(function(i,html) {
    return html.replace('cart', '<img src = "yourImgURL" alt = "' + html + '" />');
});