.insertAfter dans <td>

Code:

---

1 2 3 4 5 6 7 8

<td class="single"> <div id="0" class="drag" style="border-style: solid; cursor: move;"> <div id="1" class="drag" style="border-style: solid; cursor: move;"> <div id="2" class="drag" style="border-style: solid; cursor: move;"> <div id="3" class="drag" style="border-style: solid; cursor: move;"> <div id="4" class="drag" style="border-style: solid; cursor: move;"> </td>

---

Je souhaiterais insérer un autre div sans id apres celui nomme id=4

Code:

---

1 2	<div class ="drag">

---

j ai la base mais mon insert ne fonctionne pas

Code:

---

1 2 3 4

var va=document.getElementsByClassName('single'); var text = document.createTextNode('<div class=\'drag\'>ello</div>'); va.insertBefore(text,va.nextSibling)

---

bonjour,
avec

Code:

---

var va=document.getElementsByClassName('single');

---

Vous récupérez un Node List. "insertBefore" ne fonctionne pas avec NodeList

Code:

---

1 2 3 4 5 6

var va=document.getElementsByClassName('single')[0]; console.log(va); var div= document.createElement('div'); div.className += " drag"; va.appendChild(div);

---

Un id ne doit pas être uniquement numérique pour html<5 ni commencer par du numérique

Code:

---

1 2 3 4 5 6 7

<td class="single"> <div id="_0" class="drag" style="border-style: solid; cursor: move;"> <div id="_1" class="drag" style="border-style: solid; cursor: move;"> <div id="_2" class="drag" style="border-style: solid; cursor: move;"> <div id="_3" class="drag" style="border-style: solid; cursor: move;"> <div id="_4" class="drag" style="border-style: solid; cursor: move;"> </td>

---

ensuite pour insérer à la suite ...

Code:

---

$('#_4').after( $('<div/>').addClass('.drag'))

---

ca marche mais il me faut une balise <b>text</b> dans le div

dois je faire sur le mm système que pour le div?

Code:

---

1 2 3

var b= document.createElement('b'); b.textContent = 'text';

---

utilises les possibilités de jquery :

Code:

---

$('#_4').after( $('<div/>').addClass('.drag').append($('<b/>').html('text')))

---

$('#_4').after( $('<div/>').addClass('.drag').append($('<b/>').html('text'))).

Oui, où construire d'abord la nouvelle division avant de l'insérer. Dans cette écriture, il faut respecter les règles de la notation JSON, particulièrement pour "class" qui est un mot réservé.

Code:

---

1 2 3 4

$( "<div/>", { "html" : "<b>text</b>", "class" : "drag" }).insertAfter( "#_4" );

---

Code:

---

1 2 3 4

$( "<div/>", { "html" : "<b>text</b>", "class" : "drag" })

---

encore un raccourci de jquery que je ne connaissais pas ;) :ccool:

oui c'est sympathique comme syntaxe:

Code:

---

1 2	$( "<div/>", {...});

---

FAQ jQuery : Comment puis-je créer un nouvel élément du DOM ?