obtener - jquery get target

En jQuery, usando la función "find", qué significa esta expresión: $(". DivName"). Find(''> div'')

Question

Entiendo la función "buscar", simplemente no estoy familiarizado con lo que significa ''> div''. ¿Alguien puede ayudar?

Answer 1

Es el selector de CSS llamado "combinador infantil", lo que significa que seleccionará, en su instancia, todos los hijos div de ".divName". Es diferente del "combinador de descendientes" (.find ("div")) que seleccionaría todos los descendientes de div de ".divName".

Fuente: http://www.w3.org/TR/css3-selectors/#child-combinators

Ejemplos de esa página:

El siguiente selector representa un elemento ap que es hijo del cuerpo:

cuerpo> p

El siguiente ejemplo combina combinadores de descendientes y combinators de niños.

div ol> li p

Representa un elemento que es un descendiente de un elemento li; el elemento li debe ser hijo de un elemento ol; el elemento ol debe ser un descendiente de un div. Observe que el espacio en blanco opcional alrededor del combinador ">" ha quedado fuera.

En esa misma página, puede encontrar una lista de todos los selectores de CSS 3: http://www.w3.org/TR/css3-selectors/#selectors

Answer 2

Si es más fácil pensar en eso, es equivalente a usar .children() , así:

$(".divName").children("div")

También tenga en cuenta que si tiene la opción, debe usar .children(selector) sobre .find(>selector) , es más rápido debido a los pocos pasos para descubrir que > == children son eliminados de la ecuación (y y .find() optimizado para un propósito completamente diferente).

Answer 3

Significa todos los descendientes "div" directos (así que sin otros elementos intermedios)

Entonces, si tu HTML es:

<div id="id1">
  <div id="id2">
    <div id="id3">
    </div>
  </div>
</div>

$("#id1").find("div") devolverá divs "id2" e "id3"

$("#id1").find("> div") devolverá solo div "id2"