comment faire pour supprimer la balise span partir de la chaîne?

Résumé

Si la "chaîne" vous avez besoin de convertir est déjà une partie du contenu d'un élément HTML, puis ici, c'est un POV (plain old vanille) JavaScript (c'est à dire non-jQuery) solution:

element.outerHTML = element.innerHTML;

Des exemples et des Explications

Ainsi, par exemple, si vous avez voulu déballer/supprimer tous les travées, dans votre document, vous pourriez boucle sur tous les éléments pertinents comme suit:

document.querySelector('span').forEach(spanElmt => {
  spanElmt.outerHTML = spanElmt.innerHTML;
};

L'exemple suivant montre comment cela fonctionne, montrant que l'élément spécifié est supprimé/déballé, alors que tous les éléments imbriqués à l'intérieur restent intacts.

JS:

const btn     = document.querySelector('button');
const redSpan = document.querySelector('.red'  );
const par     = document.querySelector('p'     );
const div     = document.querySelector('div'   );

const unwrapElmt = elmt => {
  elmt.outerHTML = elmt.innerHTML; //*** the key line
};

const showParagraphHTML = () => {
  div.textContent = 'HTML for the above line: ' + par.innerHTML;
};

showParagraphHTML();

const unwrapRedSpan = () => {
  unwrapElmt(redSpan);
  showParagraphHTML();
};

btn.addEventListener('click', unwrapRedSpan);

CSS:

.red {
  color: red;
}
.italic {
  font-style: italic;
}

HTML:

<button>Click here to unwrap/remove red span</button>
<p>Here is <span class="red">some <span class="italic">very</span> red</span> text.</p>
<p><div></div>

Insertion d'une chaîne dans un élément HTML

Cette solution nécessite que le texte/chaîne à modifier, est déjà partie d'un document HTML ou d'un élément. Ainsi, il ne fonctionnera pas sur un stand-alone de la chaîne tels que les suivants:

const myStr = 'some <span><i>very</i> interesting</span> thing';
myStr.outerHTML = myStr.innerHTML; //won't work

C'est, en définitive, à la question d'origine était de demander. Cependant, la chaîne ci-dessus peuvent être faites partie d'un temporaire intermédiaire orphelin HTML élément conteneur, après lequel cette solution devient utilisable:

const myStr = 'some <span><i>very</i> interesting</span> thing';
const container = document.createElement('div'); //a temporary orphan div
container.innerHTML = myStr;
const spanToUnwrap = container.querySelector('span');
spanToUnwrap.outerHTML = spanToUnwrap.innerHTML;
const myModifiedStr = container.innerHTML;

Cela peut sembler un peu exagéré si, par exemple, vous ne voulez supprimer un ou quelques simples balises à partir d'une seule chaîne, comme suggéré dans la question. Dans un tel cas, une regex en fonction de remplacement serait probablement suffisante telle que proposée dans une autre réponse. Toutefois, pour quelque chose de plus compliqué (par exemple, ne voulant supprimer les travées d'une classe spécifique, etc.), l'aide temporaire d'orphelin de l'élément HTML comme un intermédiaire peut être très utile.

Noter que la stratégie décrite dans cette section est finalement ce que une réponse différente est de montrer comment le faire avec jQuery. Toutefois, si votre chaîne initiale est déjà partie d'un élément HTML, et vous n'êtes pas encore avoir besoin de jQuery, à l'aide de jQuery peut-être exagéré quand ce outerHTML/innerHTML swap est vraiment tout ce dont vous avez besoin.

Cela devrait le faire

return $(string).text()

Si vous n'êtes pas à l'aide de jQuery, vous pouvez donc quelque chose comme:

var e = document.createElement('div');
e.innerHTML = string;
return e.textContent ? e.textContent : e.innerText;

Vous pouvez également essayer d'utiliser DOMParser bien que peut-être exagéré pour ce que vous essayez de faire