Aiuto nei selettori jquery

Ciao per favore riferisci il seguente codice HTML:

 

questo è il codice html che viene generato dalla sezione di amministrazione della mia applicazione web. Non posso modificarlo e inoltre non posso modificare la struttura del codice precedente. sta generando dynamicmente.

Ho bisogno di racchiudere il contenuto del testo in un elemento html usando il metodo jquery wrap () in modo da poter inserire del css sul contenuto del testo e non sull’elemento img.

Nota: l’elemento div con id “content” è il mio, posso accedere solo a questo utilizzando l’HTML.

Si prega di aiutare come fare questo?

Grazie

Ecco il modo jQuery

 $("p > font") .contents() .filter(function() { return this.nodeType == 3; }).wrap(''); 

Puoi dimostrarlo qui http://www.jsfiddle.net/K8WNR/

Non sono sicuro se puoi farlo con jQuery. Ma se usi JavaScript non nodeType , puoi guardare attraverso i nodes e controllare il loro nodeType , dove 1 è Elemento e 3 è Testo. Quindi, f è il tuo elemento di carattere:

 for (var i=0; i < f.childNodes.length; i++) { if (f.childNodes[i].nodeType == 3) { var text = f.nodeValue; // Remove the text node, insert a new span node and plug in the text. } } 

Potresti provare questo …

 $(function() { $("#content").find("p > font").each(function() { var $this = $(this).wrapInner(document.createElement("div")); var $img = $this.find('img').remove(); $this.prepend($img); }) }); 

Che restituirà questo …

 

this is the text content. this is the text content. this is the text content...