jquery - otro - codigo de una tienda en html

jQuery obtener valor dentro de div niño

Question

Necesito agarrar el valor de texto de un div niño.

<div id=''first''>
    <div id=''first_child''>A</div>
    <div id=''second_child''>B</div>
    <div id=''third_child''>C</div>
</div>

Estoy tratando de tomar el valor B. Actualmente estoy intentando esto, pero no está funcionando,

var text_val = $(''#first'').next(''#second_child'').val();

Answer 1

........

var text_val = $(''#first'').children(''#second_child'').text();

Answer 2

Desea utilizar children() y text() lugar de val() . Aunque, como lo que está seleccionando tiene un id (y los ids deben ser únicos), también puede simplemente seleccionar en función del id sin involucrar al elemento contenedor.

El método val() solo funciona en elementos de entrada, áreas de texto y selecciona, básicamente todos los elementos de formulario que contienen datos. Para obtener el contenido textual de un contenedor, debe usar text() (o html() , si desea que también se marque).

var text_val = $(''#second_child'').text(); //preferred

o

var text_val = $(''#first'').children(''#second_child'').text(); // yours, corrected 

Answer 3

Para elementos múltiples con el mismo id:

var text_val = $(''#first'').children(''#second_child'').text();

Para un solo elemento con un id particular:

var text_val = $(''#second_child'').text();

Answer 4

Prueba esto...

var text_val = $(''#first > #second_child'').text();

Answer 5

Sencillo,

var text_val = $(''#second_child'').text();

O tu cambio,

var text_val = $(''#first'').children(''#second_child'').text();

Esto devolverá "B" de div de id "second_child"

ACTUALIZACIÓN Cambié la segunda solución a children() lugar de nextAll() .

Answer 6

Si necesitas entrar en listas, usa esto:

jQuery(''.first > ul > li:nth-child(6)'').text();

El código de ejemplo obtiene el valor del sexto elemento en una lista.

Answer 7

next () y nextAll () atraviesan a los hermanos del elemento, no a los hijos. En su lugar, use "find ()"

var text_val = $(''#first'').find(''#second_child'').html();

Utiliza val () cuando se trata de elementos como entradas y áreas de texto. html () devolverá lo que esté debajo del div (que funciona en su ejemplo). text () devolverá el texto en el elemento (que también funcionaría en su ejemplo).

Tu ejemplo también me hace sospechar de tu diseño. Si tiene varios identificadores configurados en "#second_child", su html se confunde. En su lugar, utilice una clase. Sin embargo, si solo hay un ID "#second_child", todo lo que necesita es:

var text_val = $(''#second_child'').text();

Answer 8

usted puede simplemente:

var text_val = $(''#second_child'').text();

como se indica en las respuestas anteriores. pero, dado que "necesita capturar el valor de texto de un div de niño", asumo que el id de div de niño probablemente no siempre esté disponible. Puedes probar esto en su lugar:

var text_val = $(''#first'').children().eq(1).text();

donde 1 es el índice del div hijo (ya que el recuento comienza desde cero)