Comment faire pour supprimer uniquement l'élément parent, et non ses éléments enfant en JavaScript?

À l'aide de jQuery vous pouvez faire ceci:

var cnt = $(".remove-just-this").contents();
$(".remove-just-this").replaceWith(cnt);

Rapide des liens vers la documentation:

• contenu( ) : jQuery
• remplaceavec( contenu : [Chaîne | Élément | jQuery] ) : jQuery

Assurez-vous de le faire avec le DOM, pas innerHTML (et si l'utilisation de jQuery solution fournie par jk, assurez-vous qu'il déplace les nœuds DOM, plutôt que d'utiliser innerHTML en interne), afin de préserver les choses comme les gestionnaires d'événements.

Ma réponse est un peu comme insin, mais fonctionnera mieux pour les grandes structures (ajout à la fin de chaque nœud séparément peut être éprouvant, redessine où le CSS doit être renouvelée pour chaque appendChild; avec un DocumentFragment, cela se produit uniquement une fois qu'il n'est pas visible jusqu'à ce que après que ses enfants sont tous ajoutés et il est ajouté au document).

var fragment = document.createDocumentFragment();
while(element.firstChild) {
    fragment.appendChild(element.firstChild);
}
element.parentNode.replaceChild(fragment, element);

Façon plus élégante est

$('.remove-just-this').contents().unwrap();

La librairie que vous utilisez, vous devez cloner l'intérieur de la div avant de retirer la div extérieure de la DOM. Ensuite, vous devez ajouter la cloné à l'intérieur de la div à la place dans les DOM où la div extérieure est. Les étapes sont les suivantes:

1. Enregistrer une référence à l'extérieur de la div parent dans une variable
2. Copie de l'intérieur de la div à une autre variable. Cela peut être fait de façon rapide et sale par la sauvegarde de la innerHTML de l'intérieur de la div à une variable ou vous pouvez copier l'intérieur de l'arbre de façon récursive de nœud en nœud.
3. Appel removeChild à l'extérieur sur le div parent avec l'extérieur div comme argument.
4. Insérer la copie d'un contenu intérieur que l'extérieur de la div parent dans la position correcte.

Certaines bibliothèques se faire une partie ou de tout pour vous, mais quelque chose comme ci-dessus sera se cache sous le capot.

si vous souhaitez faire la même chose en pyjama, et voici comment il est fait. il fonctionne très bien (merci à eyelidness). j'ai été en mesure de faire un bon éditeur de texte riche qui ne les styles sans déconner, grâce à cette.

def remove_node(doc, element):
    """ removes a specific node, adding its children in its place
    """
    fragment = doc.createDocumentFragment()
    while element.firstChild:
        fragment.appendChild(element.firstChild)

    parent = element.parentNode
    parent.insertBefore(fragment, element)
    parent.removeChild(element)

Si vous travaillez avec plusieurs lignes, comme il était dans mon cas d'utilisation, vous êtes probablement mieux avec quelque chose le long de ces lignes:

 $(".card_row").each(function(){
        var cnt = $(this).contents();
        $(this).replaceWith(cnt);
    });