Заменить '&' на изображение, используя jQuery / CSS?

Question

Есть ли способ изменить базовую текстовую версию '&' и заменить ее изображением? Я думал, мы можем сделать это в JQuery? Я не хочу использовать php для этого.

Или есть способ нацелиться на него с помощью css?

Спасибо.

Answer 1

Да, вы можете сделать это следующим образом (если вы хотите заменить элемент #container):

var origText = $("#container").text();
$("#container").text(origText.replace(/&/g, "__img_mark__"));
var intermediateHtml = $("#container").html();
$("#container").html(intermediateHtml.replace(/__img_mark__/g, '<img src="ampersand.gif" />'));

Мы делаем это в 2 этапа, потому что не хотим заменять амперсанды в HTML-коде

Надеюсь, это поможет. Приветствия

Answer 2

Вы, вероятно, можете найти & или & и использовать метод String.replace, чтобы заменить его своим изображением.