Ampersands finden und umschließen

Laden Sie dieses Plugin. Dann

$("body *").replaceText( /&/gi, '<b class="ampersand">' + '&' + '</b>' );

Ändern Sie den Selektor nach Bedarf. Dieser ist ziemlich intensiv.

Jetzt haben Sie einen Klassennamen, den Sie zur speziellen Formatierung verwenden können.

.ampersand {
   font-family: Baskerville, Some Other Cool Font, Serif;
   font-style: italic;
}

Kommentare

Bradley Rosenfeld

# 6. Juni 2012

Nur eine Anmerkung, aber im Schnipsel fehlt das HTML, das den Ampersand mit einem Element mit der Klasse "ampersand" umschließt.

Antworten

James Brumond

# 6. Juni 2012

Ich glaube nicht, dass Sie Ihr HTML im obigen Beispiel korrekt escapen..

Antworten

Hugo

# 7. Juni 2012

Hallo Chris!

Würde dies kein Problem darstellen, wenn Sie spezielle Unicode-Zeichen wie ×, < oder was auch immer haben? Werden diese Zeichen beschädigt?

Antworten

Taufik Nurrohman

# 20. Juli 2012

JQuery .highlight() Text Plugin

jQuery.fn.highlight = function(str, className) {
    var regex = new RegExp(str, "gi");
    return this.each(function() {
        $(this).contents().filter(function() {
            return this.nodeType == 3 && regex.test(this.nodeValue);
        }).replaceWith(function() {
            return (this.nodeValue || "").replace(regex, function(match) {
                return "<span class=\"" + className + "\">" + match + "</span>";
            });
        });
    });
};

http://jsfiddle.net/tovic/kfqJu/1/

Antworten

Taufik Nurrohman

Permalink zum Kommentar# 20. Juli 2012

Quelle: http://www.gotoquiz.com/web-coding/programming/javascript/highlight-words-in-text-with-jquery/

Kommentare

Hinterlassen Sie eine Antwort Antwort abbrechen