Jquery - Entferne nur Textinhalt von einem div

ist möglich zu entfernen von nur-text-Inhalt von einem div, d.h. lassen Sie alle anderen Elemente intakt und nur entfernen Sie text direkt in ein div?

InformationsquelleAutor der Frage David | 2010-08-06

  1. 69

    Dies sollte den trick tun:

    $('#YourDivId').contents().filter(function(){
    return this.nodeType === 3;
})​.remove();​

    InformationsquelleAutor der Antwort Mark Bell

  2. 10

    Vorausgesetzt, die folgenden HTML-Struktur:

    <div class="element-to-clean">
  Content to be filtered out.
  <span class="element-to-leave-intact">
    Content to be left inthe element.
  </span>
</div>

    Erreichen Sie Ihre gewünschte Verhalten mithilfe der folgenden JavaScript + jQuery 2.1 code:

    $('.element-to-clean').html($('.element-to-clean').children());

    InformationsquelleAutor der Antwort Artur Black

  3. 3

    Können Sie es mit einfachen dom:

    var div=$("div")[0];
if(div.childNodes.length)
   for(var i=0;i<div.childNodes.length;i++)
   {
       if(div.childNodes[i].nodeType===3)
           div.removeChild(div.childNodes[i]);
   }

    InformationsquelleAutor der Antwort mck89

  4. 2

    Die einfachste Möglichkeit wäre so etwas wie dieses:

    $('#div').html($('<div>').append($('*', '#div')).html());

    InformationsquelleAutor der Antwort reko_t

  5. 2

    Gut, das wird wahrscheinlich nicht der beste Weg sein, aber ich rettete das div in eine variable und dann, nachdem ich entfernt den Inhalt in den tag, die ich verwendet, anfügen:

    $('.wpcf7 form p').each(function(i){
    var el = $(this).find('span');
    if(i==4)
    el = $(this).find('input');
    $(this).empty();
    $(this).append(el);
});

    InformationsquelleAutor der Antwort Mxlfa

  6. -6
    $('#yourDiv').text('');

    Dies wird entfernen Sie Ihre text-Inhalte

    InformationsquelleAutor der Antwort Gary Lindahl

Schreibe einen Kommentar