En jQuery, souhaitez supprimer tout le code HTML à l'intérieur d'un div

Question

J'ai un div, et je veux enlever tous le code HTML à l'intérieur de la div.

Comment puis-je faire cela?

Answer 1

Vous souhaitez utiliser le vide de la fonction:

$('#mydiv').empty();

Answer 2

Je ne pense pas que empty() ou html() est ce que vous cherchez. Je suppose que vous êtes à la recherche de quelque chose comme strip_tags en PHP. Si vous voulez faire cela, vous devez ajouter cette fonction:

jQuery.fn.stripTags = function() { return this.replaceWith( this.html().replace(/<\/?[^>]+>/gi, '') ); };

Supposons que c'est votre code HTML:

<div id='foo'>This is <b>bold</b> and this is <i>italic</i>.</div>

Et puis tu fais:

$("#foo").stripTags();

Ce qui aura pour résultat:

<div id='foo'>This is bold and this is italic.</div>

Answer 3

Une autre façon est juste pour définir le code html d'une chaîne vide:

$('#mydiv').html('');

Answer 4

var htmlJ = $('<p><span>Test123</span><br /><a href="http://www.google.com">goto Google</a></p>');
console.log(htmlJ.text()); // "Test123goto Google"

Answer 5

  function stripsTags(text)
  {
    return $.trim($('<div>').html(text).text());
  }