<p>Es gibt viele Arten von Selektoren in Jquery, die grob wie folgt in 9 Typen unterteilt werden können: </p>
<p class="best-text mb-10">(1)Basic<br>#id <br>element <br>.class <br>* <br>selector1,selector2,selectorN <br><br>(2) Ebenenselektor: <br>Vorfahren Nachkomme <br>Eltern > Kind <br>vorherige nächste <br>vorherige ~ Geschwister <br><br>(3) Grundlegende Filterauswahl <br>:erste <br>:letzte <br>:nicht <br>:gerade <br>:odd <br>:eq <br>:gt <br>:lt <br>:header <br>:animated <br><br>(4) Inhaltsfilterauswahl <br> :enthält <br> :empty <br>:has <br>:parent <br><br>(5) Sichtbarkeitsfilterselektor <br>:hidden <br>:visible <br><br>(6 )Attributfilterselektor <br>[ Attribut] <br>[Attribut=Wert] <br>[Attribut!=Wert] <br>[Attribut^=Wert] <br>[Attribut$=Wert] <br> [Attribut*=Wert] <br>[ attrSel1][attrSel2][attrSelN] <br><br>(7) Filterselektor für untergeordnete Elemente <br>:nth-child <br>:first-child <br> :last-child <br>:only-child <br><br>(8) Formularauswahl <br>:Eingabe <br>:Text <br>:Passwort <br>:Radio <br>:Kontrollkästchen <br>:Senden <br>:Bild <br>:Zurücksetzen <br>:Schaltfläche <br>:Datei <br>:versteckt <br><br>(9) Formularfilterauswahl <br>:aktiviert <br>:deaktiviert <br>:markiert <br>:ausgewählt</p>
<p>Der Selektor von jQuery ist äußerst leistungsfähig. Hier finden Sie eine kurze Zusammenfassung häufig verwendeter Elementsuchmethoden </p>
<p>$("#myELement") Wählen Sie das Element aus, dessen ID-Wert gleich myElement ist. Der ID-Wert kann nicht wiederholt werden. Es kann nur einen ID-Wert myElement im Dokument geben, Sie erhalten also das einzige Element </p>
<p>$("div") Wählen Sie alle div-Tag-Elemente aus und geben Sie ein Array von div-Elementen zurück </p>
<p>$(".myClass") Wählen Sie alle Elemente mithilfe von CSS der myClass-Klasse </p> aus
<p>$("*") Wählen Sie alle Elemente im Dokument aus. Für die gemeinsame Auswahl können Sie verschiedene Auswahlmethoden verwenden: Zum Beispiel $("#myELement,div,.myclass")</p>
<p>Kaskadierungsauswahl: </p>
<p>$("Formulareingabe") Wählen Sie alle Eingabeelemente in Formularelementen </p> aus
<p>$("#main > *") Wählen Sie alle untergeordneten Elemente aus, deren ID-Wert main </p> ist
<p>$("label input") Wählt den nächsten Eingabeelementknoten aller Etikettenelemente aus. Nach dem Test gibt der Selektor alle Eingabeetikettenelemente zurück, denen direkt eine Eingabebezeichnung </p> folgt
<p>$("#prev ~ div") Geschwisterselektor, dieser Selektor gibt alle div-Tags zurück, die zum selben übergeordneten Element des Tag-Elements mit der ID prev gehören</p>
<p>Grundlegende Filterauswahl: </p>
<p>$("tr:first") Wählen Sie das erste </p> aller tr-Elemente aus
<p>$("tr:last") Wählen Sie das letzte aller tr-Elemente aus </p>
<p>$("input:not(:checked) span") </p>
<p>Herausfiltern: alle Eingabeelemente aktivierter Selektoren</p>
<p>$("tr:even") Wählen Sie das 0., 2., 4. ... Element aller tr-Elemente aus (Hinweis: Da es sich bei den ausgewählten mehreren Elementen um Arrays handelt, beginnen die Sequenznummern bei 0) </p>
<p>$("tr:odd") Wählen Sie das 1., 3., 5.... Element aller tr-Elemente aus </p>
<p>$("td:eq(2)") Wählen Sie unter allen td-Elementen das td-Element mit der Seriennummer 2 aus </p>
<p>$("td:gt(4)") Wählen Sie alle td-Elemente mit Sequenznummern größer als 4 in den td-Elementen </p> aus
<p>$("td:lt(4)") Wählen Sie alle td-Elemente mit Sequenznummern kleiner als 4 in den td-Elementen </p> aus
<p>$(":header") 是的的东西了的中文是什么意思
</p>$("div:animated") Wählen Sie das Element aus, das den Animationseffekt ausführt<p>
</p>Inhaltsfilterauswahl: <p>
</p>$("div:contains('John')") wählt alle Elemente aus, die John-Text in divs <p> enthalten
</p>$("td:empty") Wählt ein Array aller td-Elemente aus, die leer sind (ohne Textknoten) <p>
</p>$("div:has(p)") Wählen Sie alle div-Elemente aus, die p-Tags enthalten <p>
</p>$("td:parent") Wählen Sie alle Elementarrays mit td als übergeordnetem Knoten <p> aus
</p>Visuelle Filterauswahl: <p>
</p>$("div:hidden") Alle ausgeblendeten div-Elemente auswählen <p>
</p>$("div:visible") Alle sichtbaren div-Elemente auswählen <p>
</p>Attributfilterauswahl: <p>
</p>$("div[id]") Wählen Sie alle div-Elemente aus, die das ID-Attribut <p> enthalten
</p>$("input[name='newsletter']") Wählen Sie alle Eingabeelemente aus, deren Namensattribut gleich 'newsletter' ist<p>
</p>$("input[name!='newsletter']") Wählt alle Eingabeelemente aus, deren Namensattribut nicht gleich 'newsletter' ist<p>
</p>$("input[name^='news']") Wählen Sie alle Eingabeelemente aus, deren Namensattribut mit 'news' beginnt <p></p>
<p>$("input[name$='news']") Wählen Sie alle Eingabeelemente aus, deren Namensattribut mit 'news' endet </p>
<p>$("input[name*='man']") Wählen Sie alle Eingabeelemente aus, deren Namensattribut „news“ enthält</p>
<p>$("input[id][name$='man']") Sie können mehrere Attribute für die gemeinsame Auswahl verwenden. Dieser Selektor ruft alle Elemente ab, die das id-Attribut enthalten, und das Attribut endet mit man</p>
<p>Filterauswahl für untergeordnete Elemente: </p>
<p>$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n 1)")</p>
<p>$("div span:first-child") Gibt ein Array der ersten untergeordneten Knoten aller div-Elemente </p> zurück
<p>$("div span:last-child") Gibt ein Array des letzten Knotens aller div-Elemente </p> zurück
<p>$("div button:only-child") Gibt ein Array aller untergeordneten Knoten zurück, die in allen Divs nur einen untergeordneten Knoten haben</p>
<p>Formularelementauswahl: </p>
<p>$(":input") Wählen Sie alle Formulareingabeelemente aus, einschließlich Eingabe, Textbereich, Auswahl und Schaltfläche</p>
<p>$(":text") Alle Texteingabeelemente auswählen </p>
<p>$(":password") Alle Passworteingabeelemente auswählen </p>
<p>$(":radio") Alle Radio-Eingabeelemente auswählen </p>
<p>$(":checkbox") Alle Checkbox-Eingabeelemente auswählen </p>
<p>$(":submit") Alle Submit-Eingabeelemente auswählen </p>
<p>$(":image") Alle Bildeingabeelemente auswählen </p>
<p>$(":reset") Alle Reset-Eingabeelemente auswählen </p>
<p>$(":button") Alle Schaltflächeneingabeelemente auswählen </p>
<p>$(":file") Alle Dateieingabeelemente auswählen </p>
<p>$(":hidden") Wählen Sie alle Eingabeelemente oder ausgeblendeten Felder des Formulars aus, die vom Typ ausgeblendet sind</p>
<p>Filterauswahl für Formularelemente: </p>
<p>$(":enabled") Alle bedienbaren Formularelemente auswählen </p>
<p>$(":disabled") Alle nicht funktionsfähigen Formularelemente auswählen </p>
<p>$(":checked") Alle markierten Formularelemente auswählen </p>
<p>$("select option:selected") wählt die ausgewählten Elemente unter allen ausgewählten untergeordneten Elementen aus</p>
<p> </p>
<p>Wählen Sie den Textwert des vorherigen td des Eingabetextfelds mit dem Namen „S_03_22“ aus </p>
<p>$("input[@ name =S_03_22]").parent().prev().text()</p>
<p>Name beginnt mit „S_“ und endet nicht mit „_R“ </p>
<p>$("input[@ name ^='S_']").not("[@ name $='_R']")</p>
<p>Der Wert, der von einem Radio namens radio_01 ausgewählt wurde</p>
<p>$("input[@ name =radio_01][@checked]").val();</p>
<p> </p>
<p> </p>
<p>$("A B") findet alle untergeordneten Knoten unter dem A-Element, einschließlich indirekter untergeordneter Knoten</p>
<p>$("A>B") findet die direkten untergeordneten Knoten unter dem A-Element</p>
<p>$("A B") findet die Geschwisterknoten hinter dem A-Element, einschließlich indirekter untergeordneter Knoten</p>
<p>$("A~B") findet die Geschwisterknoten hinter dem A-Element, mit Ausnahme indirekter untergeordneter Knoten</p>
<p>1. $("A B") findet alle untergeordneten Knoten unter dem A-Element, einschließlich indirekter untergeordneter Knoten</p>
<p>Beispiel: Alle Eingabeelemente im Formular finden</p>
<p>HTML-Code:</p>
<div class="cnblogs_Highlighter">
<div>
<div id="highlighter_163283" class="syntaxhighlighter html">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="gutter">
<div class="line number1 index0 alt2">1</div>
<div class="line number2 index1 alt1">2</div>
<div class="line number3 index2 alt2">3</div>
<div class="line number4 index3 alt1">4</div>
<div class="line number5 index4 alt2">5</div>
<div class="line number6 index5 alt1">6</div>
<div class="line number7 index6 alt2">7</div>
<div class="line number8 index7 alt1">8</div>
<div class="line number9 index8 alt2">9</div>
<div class="line number10 index9 alt1">10</div>
</td>
<td class="code">
<div class="container">
<div class="line number1 index0 alt2"><code class="html plain"><</code><code class="html keyword">form</code><code class="html plain">></code></div>
<div class="line number2 index1 alt1"><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Name:</</code><code class="html keyword">label</code><code class="html plain">></code></div>
<div class="line number3 index2 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="name" /></code></div>
<div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html keyword">fieldset</code><code class="html plain">></code></div>
<div class="line number5 index4 alt2">
<code class="html spaces"> </code><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Newsletter:</</code><code class="html keyword">label</code><code class="html plain">></code>
</div>
<div class="line number6 index5 alt1">
<code class="html spaces"> </code><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="newsletter" /></code>
</div>
<div class="line number7 index6 alt2"><code class="html plain"></</code><code class="html keyword">fieldset</code><code class="html plain">></code></div>
<div class="line number8 index7 alt1"><code class="html plain"></</code><code class="html keyword">form</code><code class="html plain">></code></div>
<div class="line number9 index8 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="none" /><</code><code class="html keyword">span</code> <code class="html plain">style="font-family: verdana, 'courier new'; font-size: medium;" size="4" face="verdana, 'courier new'"><</code><code class="html keyword">span</code> <code class="html plain">style="font-size: 14px; line-height: 21px; white-space: normal;"></code></div>
<div class="line number10 index9 alt1"><code class="html plain"></</code><code class="html keyword">span</code><code class="html plain">></</code><code class="html keyword">span</code><code class="html plain">></code></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p>jQuery 代码:</p>
<p>$("form input") </p>
<p>结果:</p>
<p>[ <input name="name" />, <input name="newsletter" /> ]</p>
<p>2. $("A>B") 查找A元素下面的直接子节点 </p>
<p>例子:匹配表单中所有的子级input元素。</p>
<p>HTML 代码:</p>
<div class="cnblogs_Highlighter">
<div>
<div id="highlighter_935288" class="syntaxhighlighter html">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="gutter">
<div class="line number1 index0 alt2">1</div>
<div class="line number2 index1 alt1">2</div>
<div class="line number3 index2 alt2">3</div>
<div class="line number4 index3 alt1">4</div>
<div class="line number5 index4 alt2">5</div>
<div class="line number6 index5 alt1">6</div>
<div class="line number7 index6 alt2">7</div>
<div class="line number8 index7 alt1">8</div>
<div class="line number9 index8 alt2">9</div>
<div class="line number10 index9 alt1">10</div>
</td>
<td class="code">
<div class="container">
<div class="line number1 index0 alt2"><code class="html plain"><</code><code class="html keyword">form</code><code class="html plain">></code></div>
<div class="line number2 index1 alt1"><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Name:</</code><code class="html keyword">label</code><code class="html plain">></code></div>
<div class="line number3 index2 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="name" /></code></div>
<div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html keyword">fieldset</code><code class="html plain">></code></div>
<div class="line number5 index4 alt2">
<code class="html spaces"> </code><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Newsletter:</</code><code class="html keyword">label</code><code class="html plain">></code>
</div>
<div class="line number6 index5 alt1">
<code class="html spaces"> </code><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="newsletter" /></code>
</div>
<div class="line number7 index6 alt2"><code class="html plain"></</code><code class="html keyword">fieldset</code><code class="html plain">></code></div>
<div class="line number8 index7 alt1"><code class="html plain"></</code><code class="html keyword">form</code><code class="html plain">></code></div>
<div class="line number9 index8 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="none" /><</code><code class="html keyword">span</code> <code class="html plain">style="font-family: verdana, 'courier new'; font-size: medium;" size="4" face="verdana, 'courier new'"><</code><code class="html keyword">span</code> <code class="html plain">style="font-size: 14px; line-height: 21px; white-space: normal;"></code></div>
<div class="line number10 index9 alt1"><code class="html plain"></</code><code class="html keyword">span</code><code class="html plain">></</code><code class="html keyword">span</code><code class="html plain">></code></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p>jQuery-Code:</p>
<p>$("form > input") </p>
<p>Ergebnis:</p>
<p>[ <input name="name" /> ]</p>
<p>3. $("A B") findet die Geschwisterknoten hinter dem A-Element, einschließlich indirekter untergeordneter Knoten </p>
<p>Beispiel: Alle Eingabeelemente nach der Bezeichnung abgleichen</p>
<p>HTML-Code:</p>
<div class="cnblogs_Highlighter">
<div>
<div id="highlighter_593836" class="syntaxhighlighter html">
<table border="0" cellpacing="0" cellpadding="0">
<tbody>
<tr>
<td class="gutter">
<div class="line number1 index0 alt2">1<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="gutter">
<div class="line number1 index0 alt2">1</div>
<div class="line number2 index1 alt1">2</div>
<div class="line number3 index2 alt2">3</div>
<div class="line number4 index3 alt1">4</div>
<div class="line number5 index4 alt2">5</div>
<div class="line number6 index5 alt1">6</div>
<div class="line number7 index6 alt2">7</div>
<div class="line number8 index7 alt1">8</div>
<div class="line number9 index8 alt2">9</div>
</td>
<td class="code">
<div class="container">
<div class="line number1 index0 alt2"><code class="html plain"><</code><code class="html keyword">form</code><code class="html plain">></code></div>
<div class="line number2 index1 alt1"><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Name:</</code><code class="html keyword">label</code><code class="html plain">></code></div>
<div class="line number3 index2 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="name" /></code></div>
<div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html keyword">fieldset</code><code class="html plain">></code></div>
<div class="line number5 index4 alt2">
<code class="html spaces"> </code><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Newsletter:</</code><code class="html keyword">label</code><code class="html plain">></code>
</div>
<div class="line number6 index5 alt1">
<code class="html spaces"> </code><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="newsletter" /></code>
</div>
<div class="line number7 index6 alt2"><code class="html plain"></</code><code class="html keyword">fieldset</code><code class="html plain">></code></div>
<div class="line number8 index7 alt1"><code class="html plain"></</code><code class="html keyword">form</code><code class="html plain">></code></div>
<div class="line number9 index8 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="none" /> </code></div>
</div>
</td>
</tr>
</tbody>
</table>
<div class="line number2 index1 alt1">2
<div class="line number3 index2 alt2">3
<div class="line number4 index3 alt1">4
<div class="line number5 index4 alt2">5
<div class="line number6 index5 alt1">6
<div class="line number7 index6 alt2">7
<div class="line number8 index7 alt1">8
<div class="line number9 index8 alt2">9
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="code">
<div class="container">
<div class="line number1 index0 alt2">
<code class="html plain"><</code><code class="html keyword">form</code><code class="html plain">> ;</code>
<div class="line number2 index1 alt1">
<code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">> ;Name:</</code><code class="html keyword">label</code><code class="html plain">></code>
<div class="line number3 index2 alt2">
<code class="html plain"><</code><code class="html keyword">Eingabe</code> <code class="html plain">Name ="name" /></code>
<div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html keyword">fieldset</code><code class="html plain">> ;</code><🎜>
<div class="Zeilennummer5 index4 alt2"><code class="html Leerzeichen"> </code><code class="html plain"><</code><code class="html keyword">label< /code><code class="html plain">>Newsletter:</</code><code class="html keyword">label</code><code class="html plain">> Code>
<div class="line number6 index5 alt1">
<code class="html Leerzeichen"> </code><code class="html plain"><</code><code class="html keyword">Eingabe< /code> <code class="html plain">name="newsletter" /></code>
<div class="line number7 index6 alt2">
<code class="html plain"></</code><code class="html keyword">fieldset</code><code class="html plain"> ></code>
<div class="line number8 index7 alt1">
<code class="html plain"></</code><code class="html keyword">form</code><code class="html plain"> ></code>
<div class="line number9 index8 alt2">
<code class="html plain"><</code><code class="html keyword">Eingabe</code> <code class="html plain">Name ="keine" /> </code>
</div>
</div>
</div>
</div></code></div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p class="best-text mb-10"> jQuery-Code:</p>
<p> </p>
<p>$("Label-Eingabe") </p>
<p>Ergebnis:</p>
<p>[ <input name="name" />, <input name="newsletter" /> ]</p>
<p> </p>
<p>4. $("A~B") findet die Geschwisterknoten hinter dem A-Element, ausgenommen indirekte untergeordnete Knoten </p>
<p>Beispiel: Alle Eingabeelemente finden, die Geschwister des Formulars sind</p>
<p>HTML-Code:</p>
<div class="cnblogs_Highlighter">
<div>
<div id="highlighter_463800" class="syntaxhighlighter html">
<table border="0" cellpacing="0" cellpadding="0">
<tbody>
<tr>
<td class="gutter">
<div class="line number1 index0 alt2">1<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="gutter">
<div class="line number1 index0 alt2">1</div>
<div class="line number2 index1 alt1">2</div>
<div class="line number3 index2 alt2">3</div>
<div class="line number4 index3 alt1">4</div>
<div class="line number5 index4 alt2">5</div>
<div class="line number6 index5 alt1">6</div>
<div class="line number7 index6 alt2">7</div>
<div class="line number8 index7 alt1">8</div>
<div class="line number9 index8 alt2">9</div>
<div class="line number10 index9 alt1">10</div>
</td>
<td class="code">
<div class="container">
<div class="line number1 index0 alt2"><code class="html plain"><</code><code class="html keyword">form</code><code class="html plain">></code></div>
<div class="line number2 index1 alt1"><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Name:</</code><code class="html keyword">label</code><code class="html plain">></code></div>
<div class="line number3 index2 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="name" /></code></div>
<div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html keyword">fieldset</code><code class="html plain">></code></div>
<div class="line number5 index4 alt2">
<code class="html spaces"> </code><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Newsletter:</</code><code class="html keyword">label</code><code class="html plain">></code>
</div>
<div class="line number6 index5 alt1">
<code class="html spaces"> </code><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="newsletter" /></code>
</div>
<div class="line number7 index6 alt2"><code class="html plain"></</code><code class="html keyword">fieldset</code><code class="html plain">></code></div>
<div class="line number8 index7 alt1"><code class="html plain"></</code><code class="html keyword">form</code><code class="html plain">></code></div>
<div class="line number9 index8 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="none" /> <</code><code class="html keyword">span</code> <code class="html plain">style="font-family: verdana, 'courier new'; font-size: medium;" size="4" face="verdana, 'courier new'"><</code><code class="html keyword">span</code> <code class="html plain">style="font-size: 14px; line-height: 21px; white-space: normal;"></code></div>
<div class="line number10 index9 alt1"><code class="html plain"></</code><code class="html keyword">span</code><code class="html plain">></</code><code class="html keyword">span</code><code class="html plain">></code></div>
</div>
</td>
</tr>
</tbody>
</table>
<div class="line number2 index1 alt1">2</div>
<div class="line number3 index2 alt2">3</div>
<div class="line number4 index3 alt1">4</div>
<div class="line number5 index4 alt2">5<p>
</p>
<div class="line number6 index5 alt1">6
<div class="line number7 index6 alt2">7<p>
</p>
<div class="line number8 index7 alt1">8
<div class="line number9 index8 alt2">9<p>
</p>
<div class="line number10 index9 alt1">10
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="code">
<div class="container">
<div class="line number1 index0 alt2">
<code class="html plain"><</code><code class="html keyword">form</code><code class="html plain">> ;</code><p>
</p>
<div class="line number2 index1 alt1">
<code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">> ;Name:</</code><code class="html keyword">label</code><code class="html plain">></code>
<div class="line number3 index2 alt2"><code class="html plain"><</code><code class="html keyword">Eingabe</code> <code class="html plain">Name ="name" /></code></div>
<div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html keyword">fieldset</code><code class="html plain">> ;</code><div id="MySignature">
<div class="Zeilennummer5 index4 alt2"><code class="html Leerzeichen"> </code><code class="html plain"><</code><code class="html keyword">label< /code><code class="html plain">>Newsletter:</</code><code class="html keyword">label</code><code class="html plain">> Code></code></div>
<div class="line number6 index5 alt1">
<code class="html Leerzeichen"> </code><code class="html plain"><</code><code class="html keyword">Eingabe< /code> <code class="html plain">name="newsletter" /></code><div class="clear">
<div class="line number7 index6 alt2"><code class="html plain"></</code><code class="html keyword">fieldset</code><code class="html plain"> ></code></div>
<div class="line number8 index7 alt1">
<code class="html plain"></</code><code class="html keyword">form</code><code class="html plain"> ></code>
<div class="line number9 index8 alt2">
<code class="html plain"><</code><code class="html keyword">Eingabe</code> <code class="html plain">Name ="none" /> <</code><code class="html keyword">span</code> <code class="html plain">style="font-family: verdana, 'courier new'; Schriftgröße: mittel;" size="4" face="verdana, 'courier new'"><</code><code class="html keyword">span</code> <code class="html plain">style="font-size: 14px; line-height: 21px;"></code>
<div class="line number10 index9 alt1">
<code class="html plain"></</code><code class="html keyword">span</code><code class="html plain"> ></</code><code class="html keyword">span</code><code class="html plain">></code>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
jQuery-Code:
$("form ~ input")
Ergebnis:
[ <input name="none" /> ]
</div>
</div>
</div>