¿Cómo eliminar elementos con espacios en blanco?

Question

me puede quitar fácilmente una etiqueta que no tiene espacios en blanco ...

$('h2:empty').remove(); 

Pero, cuando hay un espacio ...

<h2> </h2> 

... esto no funciona.

me trataron

if ($('h2').html() == " "){ 
    $('h2').remove(); 
} 

también sin suerte. ¿Alguien puede ayudar con esto?

Answer 1

probar esto

$("h2").each(function(){ 
    var self = $(this); 
    if (self.html().trim().length == 0) 
    { 
    self.remove(); 
    } 
}); 

Answer 2

yo no uso de jQuery, pero puedo dar una solución recta JavaScript:

var elms = document.getElementsByTagName('h2'), l = elms.length, i; 
for(i=l-1; i>=0; i--) { 
    if(elms[i].innerHTML.replace(/\s+/,"") == "") { 
     elms[i].parentNode.removeChild(elms[i]); 
    } 
} 

lo tanto, sólo hacer lo que el equivalente jQuery es, supongo.

Answer 3

Se puede sincronizar elementos con un espacio en blanco con el único texto ...

$('h2').filter(function() { 
    return ! $.trim($(this).text()); 
}); 

Para eliminar estos elementos, llame remove() en el conjunto devuelto.

jsFiddle.

---

Alternativamente, sin jQuery ...

elements.filter(function(element) { 
    return ! (element.textContent || element.innerText).replace(/\s+/g, ''); 
}); 

Si su elements es una HTMLCollection, NodeList (o de lo contrario no un Array), utilice Array.filter(elements, fn) o gire elements en un Array con Array.prototype.slice.call(elements).

Si no tiene que admitir navegadores más antiguos también, puede usar return ! (element.textContent || element.innerText).trim().

Para quitar esto, recorra los elementos y use thisElement.parentNode.removeChild(thisElement).

jsFiddle.

---

Por otra parte, con el trabajo con nodos sólo ...

var containsWhitespace = function me(node) { 
    var childNodes = node.childNodes; 

    if (childNodes.length == 0) { 
     return true;  
    } 

    for (var i = 0, length = childNodes.length; i < length; i++) { 
     if (childNodes[i].nodeType == 1) { 
      return me(childNodes[i]); 
     } else if (childNodes[i].nodeType == 3) { 
      return ! childNodes[i].data.replace(/\s+/g, ''); 
     } 
    } 
} 

elements.filter(containsWhitespace); 

jsFiddle.

Answer 4

Esto sólo se comprobará si hay un espacio, sino que trabaja para un ejemplo básico:

$("h2:contains(' ')").remove() 

Answer 5

Para adaptar el Alex, intente esto:

$('h2').filter(function() { 
    return $.trim($(this).text()).length == 0; 
}).remove(); 

ver jsfiddle.