Comment supprimer une balise html particulière et son contenu qui se trouve à l'intérieur d'une div, en utilisant div id par jquery ?

Question

J'ai le tag div suivant, qui sera créé onload par jquery. Je veux supprimer uniquement la balise span et son contenu qui est créé à l'intérieur de la div. Comment puis-je le faire en utilisant Jquery ? J'ai essayé innerHTML mais cela supprime tout le contenu de la div avec id uniform-qualification, alors que je veux supprimer uniquement la balise span en dessous.

<div id="uniform-qualification" class="">
<span>BCh</span>
 </div>

Note : le tag span ne peut pas être donné avec un id car il est créé dynamiquement à partir du plugin UI.

Answer 1

$("#uniform-qualification > span").remove();

mais vous devrez fournir plus d'informations si vous voulez une réponse plus éclairée. Par exemple, si vous avez plus d'une travée mais que vous ne voulez supprimer que la première, vous aurez besoin d'une réponse comme celle-ci :

$("#uniform-qualification > span:eq(0)").remove();

Answer 2

Pour supprimer tous les éléments span dans le div, essayez ce qui suit :

$('#uniform-qualification span').remove();

Pour supprimer uniquement les éléments de la portée enfant :

$('#uniform-qualification > span').remove();

Pour supprimer uniquement le premier élément de la portée enfant :

$('#uniform-qualification > span').first().remove();

Answer 3

$('#uniform-qualification').html('');

Ça fera l'affaire.