In jQuery möchte ich den gesamten HTML-Code innerhalb eines Div entfernen

Ich habe ein Div und möchte den gesamten HTML-Code in diesem Div entfernen.

Wie kann ich das machen?

Sie möchten die leere Funktion verwenden:

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

Ich denke nicht empty()oder html()ist das, wonach du suchst. Ich denke, Sie suchen nach etwas wie strip_tagsin PHP. Wenn Sie dies tun möchten, müssen Sie diese Funktion hinzufügen:

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

Angenommen, dies ist Ihr HTML:

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

Und dann machst du:

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

Was dazu führen wird:

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

Eine andere Möglichkeit besteht darin, das HTML auf die leere Zeichenfolge zu setzen:

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

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

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

Angenommen, Sie haben ein HTML wie dieses

<div class="prtDiv">
   <div class="first">
     <div class="hello">Hello</div>
     <div class="goodbye">Goodbye</div>
  </div>
</div>

Wenn Sie möchten, dass alle HTML-Dateien unter "first" div dauerhaft entfernt werden. benutze dies einfach

$('.first').empty();

Ergebnis wird so sein

<div class="prtDiv">
   <div class="first">

  </div>
</div>

Für temporäre (wenn Sie sie erneut hinzufügen möchten) können wir versuchen, () wie zu trennen

$('.first').detach();