Beispiel für einen JQuery-Contains()-Selektor

In diesem Tutorial wird anhand eines einfachen Beispiels die Verwendung des JQuery-Contains-Selektors zum Auswählen des spezifischen Textes in einem der Elemente erläutert. Es wählt alle Elemente mit der angegebenen Zeichenfolge mit einem bestimmten Attribut aus. Mit anderen Worten können wir sagen: Es wählt alle Elemente aus, die seinen Text enthalten. Es wird häufig in einer Gruppe verwendet, die den Text enthält. Diese bestimmte Gruppe von Zeichenfolgen wird angezeigt. Der angegebene Text, der in der Zeichenfolge übereinstimmt, kann direkt innerhalb der ausgewählten Elemente ausgewählt werden. Beim Text wird zwischen Groß- und Kleinschreibung unterschieden.

JQuery enthält Syntax

$(“:contains(text)”)

Der Parameter „text“ ist ein erforderlicher Parameter, der den Text angibt, der in ausgewählten Elementen gesucht werden soll.

JQuery enthält Beispiel

<!doctype html>
<head>
<title>JQuery Contains Selector</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<h2>JQuery Contains Selector Example</h2>
<script type="text/javascript">
   $(document).ready(function(){
	$("h3:contains(jQuery)").css("color", "green");
   });
</script>
<body>
<h3>Hello world!!!</h3>
<h3>jQuery is a JavaScript Library.</h3>
<h3>It is easy to learn.</h3>
<h3>jQuery simplifies JavaScript programming.</h3>
</body>
</html>
  • Wie im obigen Programm gezeigt, haben wir den Code in $(document).ready verwendet, bei dem es sich um ein Ereignis handelt, das ausgelöst wird, wenn das Dokument bereit ist. Es wird ausgeführt, sobald das Seitendokumentobjektmodell für die Ausführung von JavaScript-Code bereit ist.
  • $(“h3:contains(jQuery)”).css(“color”, „green“); Zeile definiert den enthält()-Selektor, der Elemente auswählt, die die angegebene Zeichenfolge enthalten, und die Farbe in Grün ändert.
  • Wenn wir das obige Skript ausführen, wählt es alle Elemente aus, die die angegebene Zeichenfolge enthalten.

JQuery enthält Selector-Demo

Wenn Sie das obige Beispiel ausführen, erhalten Sie die folgende Ausgabe:

  • Führen Sie diese Demo aus

JQuery enthält ein Beispiel für einen Selektor

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Nach oben scrollen