Jquery Selector Problem

[fakerer]

Hallo,
ich würde gerne ein Input Element mit javascript/jquery umsetzen.

original Html

<dd>
    <label><input type="checkbox" id="label_2" name="checkbox[]">label 2</label>
    <label><input type="checkbox" id="label_3" name="checkbox[]">label 3</label>
    <label><input type="checkbox" id="label_4" name="checkbox[]">label 4</label>
</dd>
<dd>
    <input type="text" id="textfield" name="textfield" style="display: none;">
</dd>

 $(document).ready(function() {
    $('#textfield').insertBefore("label #label_4");
    $('#textfield').show(); 
 });

Ergebnis Html

<label>
    <input type="text" id="textfield" name="textfield" style="">
    <input type="checkbox" id="label_4" name="checkbox[]">label 4
</label>

wunsch Html

<input type="text" id="textfield" name="textfield" style="">
<label>
    <input type="checkbox" id="label_4" name="checkbox[]">label 4
</label>

ich denke mir das muss doch irgendwie zu machen sein ohne zusäzliche id oder class vergabe.
Danke

 

[hub]

AW: Jquery Selector Problem

Moin moin,
ich denke, was du suchst, ist

 $('#textfield').before("#label_4");

siehe hier.

Gruß Ulli

 

[Duddle]

AW: Jquery Selector Problem

Ich vermute, du willst

$('#textfield').after($("#label_4").parent());

Das verschiebt das ganze <label>. Falls du eine Kopie brauchst, musst du noch ein .*****() an das .parent() hängen.


Duddle

 

[fakerer]

AW: Jquery Selector Problem

atfer und parent, eigentlich klar aber ich bin einfach nicht drauf gekommen.
danke für die schnelle Hilfe.

 

[Myhar]

AW: Jquery Selector Problem

Falls du eine Kopie brauchst, musst du noch ein .*****() an das .parent() hängen.

Duddle

Die ***** stehen wohl für c l o n e? Da hat die Zensur wieder mal hineingepfuscht

 

[Curanai]

AW: Jquery Selector Problem

Zwei Anmerkungen von mir:

[ 1. ] jQuery kann "chaining" - sowas kann man also auch verwenden, wenn es sich förmlich ins Auge aufzwängt.

[ 2. ] Bitte nicht derart ins DOM greifen! Wenn das nur (!) dieser Schnippsel ist in Deiner Seite, dann stört es nur, wenn Deine Seite extrem lang ist (Stichwort: Rendern). Hast Du aber deutlich mehr JavaScript im Einsatz, wodurch man schon von einer "JavaScrip Applikation" sprechen kann, solltest Du Zugriffe ins DOM verbessern. Motto ergänzend hierbei: Einmal dort rausholen, nach Möglichkeit den Bereich ausblenden (geht nicht immer - weiß ich), ändern und einmalig zurückspielen. Dein Beispiel oben greift bspw. 2x ins DOM ... unnötiger Weise. Kurzum: Performance ignoriert.

Grüße.