elementos de investigación con texto usando jQuery

Question

Quiero crear una matriz de todos los elementos HTML dentro de un div que contiene cadenas de texto, tales como

<p>some string</p>. 

no quiere agarrar de las cuerdas, me quiere que los elementos de la matriz sean los elementos (en el ejemplo, sería el nodo p). No sé de antemano cuáles serán las cadenas, por lo que no puedo buscar valores de cadenas para que coincidan. Tampoco quiero que los nodos de texto vacíos terminen en la matriz.

Gracias!

Answer 1

$("#my_div *").filter(function() 
{ 
    var $this = $(this); 
    return $this.children().length == 0 && $.trim($this.text()).length > 0; 
}) 

Esta versión no volverá elementos primarios que contiene los elementos que tienen los textos, sólo los elementos último nivel.

puede no ser el más rápido, pero funciona bastante bien en la página web StackOverflow :)

Answer 2

Usted podría pasar por la children y agarrar todo lo que tiene un .text() valor != ""

Answer 3

d es el div con el que quiere encontrar cosas
V es una matriz vacía
i usted tiene que empezar a cabo en 0.

El $ .trim se utiliza para que no obtenga nodos que son solo espacios en blanco.

$("*",d).filter(function() { 
    return $.trim($(this).text()) != "" 
    }).each(function() { 
    v[i] = $(this).text(); 
    i++; 
    }); 

También se puede usar v.push ($ (this)) ... que es algo que me olvidó por completo.

Answer 4

var array = []; 
var divSelector = "div.mine"; 

$(divSelector).contents().each(function() 
{ 
    // If not an element, go to next node. 
    if (this.nodeType != 1) return true;  

    var element = $(this); 
    if ($.trim(element.text()) != "") 
    array.push(element); 
}); 

array es la matriz de elementos que tienen algo de texto en ellos.

Answer 5

$(function() { 
     var array = new Array(); 
     $("#testDiv *").each(function(x, el) { 

      if ($.trim($(el).text()) != '') { 
       array.push(el); 
      } 
     }); 
     alert(array.length); 
    }); 

Answer 6

Usted puede hacer uso del no y los selectores vacías para obtener los elementos no vacíos mientras que la conversión a una matriz se puede lograr utilizando llegar

$("#theDiv > :not(:empty)").get(); 

El selector anterior se lleva todos los elementos secundarios de "theDiv" y que no están vacíos (es decir, tienen hijos o texto) y luego convierte el conjunto coincidente en una matriz.

Si desea que sólo los elementos que tienen texto dentro de ellos, esto debería funcionar ...

$("#theDiv > :not(:empty, :has(*))").get(); 

para deshacerse de elementos que tienen espacios en blanco se puede hacer uso de filtro de

$("#theDiv > :not(:has(*))").filter(function() { 
       return $.trim(this.innerHTML).length > 0; 
     }).get(); 

Answer 7

Un selector personalizado podría ser útil en su caso:

jQuery.expr[':'].hasText = function(element, index) { 
    // if there is only one child, and it is a text node 
    if (element.childNodes.length == 1 && element.firstChild.nodeType == 3) { 
     return jQuery.trim(element.innerHTML).length > 0; 
    } 
    return false; 
}; 

Después de eso, simplemente puede hacer esto:

$('#someDiv :hasText') // will contain all elements with text nodes (jQuery object) 
$('#someDiv :hasText').get() // will return a regular array of plain DOM objects 

Supongo que solo está tratando de seleccionar elementos que tienen SOLO texto dentro de ellos.

Answer 8

Utilice: contiene selectora:

var matches = new Array(); 
$('#start_point *:contains(' + text + ')').each(function(i, item) { 
matches.push(item); 
}