Comment pouvons-nous supprimer la balise html en utilisant Jquery?

Question

Comment peut-on supprimer balise html en utilisant Jquery par exemple, nous avons cette html

<div><dd>hello world</dd></div> 

Je veux enlever tag <dd> et produire cette sortie

<div>hello world</div> 

Answer 1

Vous pouvez utiliser .replaceWith(), par exemple:

$("dd").replaceWith(function() { return $(this).contents(); }); 

You can test it out here.

Answer 2

Pour supprimer tous les nœuds enfants, ne retenant que le texte, pourrait aussi essayer:

$("div").html(function(i, h){ return $(h).text(); }); 

I forked @Nick Craver's jsFiddle here.

Answer 3

Voici ce que j'utilise. Mais attention, cela ne fonctionne que si vous donnez au div une classe (ou id).

var string = $('div.test').html().replace('<dd>', '').replace('</dd>', '') 
$('div.test').html(string); 

Ce que cela va faire est de mettre simplement le contenu du div dans une variable (avec .html() vous prenez pas seulement le texte mais tout le html) et puis dénuder les balises dd, repeupler alors la

modifier:

est ici une meilleure façon de le faire réellement. En utilisant ce code, vous ne devez pas compter sur une classe ou un identifiant pour le div.

container = $('div').find('dd').parent(); 
    var test = container.html().replace('<dd>', '').replace('</dd>', '') 
    container.html(test); 

Answer 4

Vous pouvez toujours faire une instruction if qui vérifie si un div contient un élément dd à l'intérieur de celui-ci, alors si tel est le cas, copiez le contenu du dd, retirer l'élément dd, puis injecter la contenu dans la div.

Je ne connais pas beaucoup le javascript, mais en supposant que vous utilisiez le bon objet et un algorithme simple, tout peut être fait!