2009-10-04 5 views
3

simple question je pense, mais je ne peux pas comprendre celaEnvelopper le contenu dans DIV

Comment puis-je envelopper un texte particulier dans DIV?

Demandez ce Price:<strong>£12.30 (Ex VAT)</strong>

Et besoin d'avoir ceci:

<div>Price:<strong>£12.30 (Ex VAT)</strong></div> 

Merci pour votre aide

+0

Pourquoi faites-vous cela avec Javascript? Vous devriez générer le balisage correct avec un langage côté serveur. –

+0

Pour une méthode plus fiable, il peut être utile de publier * tout * votre code HTML, car la technique sera différente en fonction de la façon dont vous avez tout balisé, car vous devrez cibler un noeud texte et un élément. –

Répondre

2

Vous pouvez utiliser la méthode appendChild:

var newDiv = document.createElement('div'); 

newDiv.innerHTML = "Price:<strong>£12.30 (Ex VAT)</strong>"; 

document.getElementById('parentDiv').appendChild(newDiv); 

Voici le JQuery equvalent du code ci-dessus:

var newDiv = $("<div>Price:<strong>£12.30 (Ex VAT)</strong></div>"); 
$('#parentElement').append(newDiv); 

Ou:

$("<div>Price:<strong>£12.30 (Ex VAT)</strong></div>").appendTo("#parentElement"); 
+0

Vous cherchez la méthode jQuery s'il vous plaît? – Dom

0
var str = 'Price:<strong>£12.30 (Ex VAT)</strong>'; 
var div = $('<div />').html(str); 
0

jQuery a une fonction wrap qui fait exactement ce que vous décrivez ...

var str = "Price: <strong>£12.30 (Ex VAT)</strong>"; 

$(str).wrap("<div></div>").appendTo("body"); 
Questions connexes