Zusammenfassung der Jquery-Selektoren

<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">&gt ;</code> <div class="line number2 index1 alt1"> <code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">&gt ;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">&gt ;</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">&gt ;</code><p> </p> <div class="line number2 index1 alt1"> <code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">&gt ;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">&gt ;</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>