JQuery: Wie man eine HTML-Struktur um eine Textauswahl Wrap

June 29

JQuery: Wie man eine HTML-Struktur um eine Textauswahl Wrap

Die jQuery-Script-Bibliothek eignet sich zum Hinzufügen und Entfernen von Code und HTML-Dokumenten-basierte Benutzeraktionen und Sie können auch jQuery Skripting Teile Ihrer Webseiten animieren. Wenn Sie Tags um Text auf einer Webseite hinzufügen möchten, können Sie die Funktion "Wrap" von jQuery. Markieren Sie den Text mit einem CSS-Selektor--Code HTML-Tags als Ziel--in einer Funktion und schreiben Sie den Code, um die Markierungen um ihn herum wickeln.

Anweisungen

1 Ihre Web-Seite die jQuery-Bibliothek hinzufügen. Nimm diesen Code und legen Sie sie irgendwo über Ihre schließenden < / Head >-Tag, sondern vor jeder anderen < Script >-Tags:

< Skript-Funktion zwischen einem neuen Set < Skript > Tags irgendwo unterhalb des Tags, die die jQuery-Bibliothek verweist. Hier ist, wie es aussieht:

< Skript-Typ = "Text/Javascript" >

$(document).ready(function() {}

// Your code will go here

});

< / script >

Die Funktion "Dokument bereit" wird der jQuery-Code warten Sie auf die Seite zu laden, bevor es versucht auszuführen. Mit diesem hilft Fehler auf Ihrer Webseite zu vermeiden.

3 Erstellen Sie eine neue Funktion um den Teil Ihrer Webseite auszuwählen, das Sie Tags um einschließen möchten. Markieren Sie Text durch seinen Tagnamen und dann eine ID oder Klasse Namen so wie in CSS. Sehen Sie sich die HTML-Datei für Ihre Webseite, um zu bestimmen, welches Tag auswählen.

Hier ist eine Beispielfunktion:

{$('selector').each(function()}

Code einfügen hier

});

Ändern Sie "Auswahl" mit einem CSS-Selektor wie "p-.wrapme" für ein < p >-Tag mit einem Klassennamen des "Wrapme." Wenn Sie durch eine ID auswählen, ändern Sie den Punkt vor dem ID-Namen in ein Hash-Symbol.

4 Kopieren Sie und fügen Sie diesen Code zwischen die geschweiften Klammern in Ihr Selector-Funktion:

$(dies) .wrap ('< Tagname >' + dieses + ' </Tagname >');

Ändern Sie "Tagname" auf den Namen des Tags, die um Ihren ausgewählten Text umbrochen werden soll. Sie können den Tag auch Attribute hinzufügen. In diesem Code ist "das" eine Abkürzung für Ihre Auswahl. Ihre neue Tags gehen außerhalb der ausgewählten Tags.

Tipps & Warnungen

  • Erlernen Sie die Grundlagen von CSS bekommen ein besseres Verständnis der Verwendung jQuery, die für Gebrauch mit CSS entworfen wurde. Da jQuery JavaScript-Bibliothek ist, lernen Sie JavaScript, um Ihre jQuery-Fähigkeiten zu verbessern.
  • Speichern Sie Ihre HTML- und CSS-Dateien immer vor der Bearbeitung.