Antworten auf deine Fragen:
Neues Thema erstellen

Jquery Selector Problem

fakerer

Aktives Mitglied

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

original Html
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>
Code:
 $(document).ready(function() {
    $('#textfield').insertBefore("label #label_4");
    $('#textfield').show(); 
 });

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

wunsch Html
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

nicht ganz neu hier

AW: Jquery Selector Problem

Moin moin,
ich denke, was du suchst, ist
PHP:
 $('#textfield').before("#label_4");
siehe hier.

Gruß Ulli
 

Duddle

Posting-Frequenz: 14µHz

AW: Jquery Selector Problem

Ich vermute, du willst
Code:
$('#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

Aktives Mitglied

AW: Jquery Selector Problem

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

Curanai

Aktives Mitglied

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. :D

[ 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.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben