Seleccionando <p> dentro de un div usando jQuery

I want to select the second

tag and style it within a itemize class div. Here is the example HTML:

<div class="itemize">
    
Order Summery

<div>
Packages:

<!-- i want to select this P tag-->
Date:


Style:

</div> </div>

I want to select and style the first

which is immediately after the second <div>. The second

has no ID or class.

How can I select it via jQuery?

6
gracias esto funciona, pero ahora tengo otro problema ...: S. básicamente, la estructura es la misma, pero el archivo JS incluye otra P antes de seleccionar algo, luego cambia a

Paquetes

. Cómo puedo hacer eso. como la primera p que viene de JS

seleccione su orden

cuando selecciono algo que cambia a través de jQuery a

Paquetes:

. ¿Cómo puedo agregar clase a la segunda apareció P
agregado el autor Mossawir Ahmed, fuente
En el futuro, dedique más tiempo a escribir o formatear su publicación. La ayuda para formatear se puede encontrar aquí
agregado el autor Matt, fuente

7 Respuestas

$('.itemize div p:first').html()

Check this link: http://jsfiddle.net/QJTYx/

Si quieres agregar clase a esa etiqueta p:

$('.itemize div p:first').addClass('selected');
12
agregado
gracias esto funciona, pero ahora tengo otro problema ...: S. básicamente, la estructura es la misma, pero el archivo JS incluye otra P antes de seleccionar algo, luego cambia a

Packages

. Cómo puedo hacer eso. como el primero p viene de JS

seleccione su orden

cuando selecciono algo que cambia a través de jQuery a

Paquetes:

.
agregado el autor Mossawir Ahmed, fuente
¿Cómo puedo agregar clase a esto?
agregado el autor Mossawir Ahmed, fuente
Los enlaces no son respuestas. Al menos copia tu línea de JS en la respuesta también. Tomado de meta : Las respuestas solo de enlace pueden ser activamente dañinas si se rompen los enlaces. Y se rompen, incluso en sitios que aparentemente estarán por siempre. Gracias por la actualización. :)
agregado el autor Fabrício Matté, fuente
¿Simplemente quieres agregar clase a la primera etiqueta p? Si es así, entonces tengo el código actualizado aquí. jsfiddle.net/QJTYx/4
agregado el autor VibhaJ, fuente

Puedes hacerlo de esta manera:

$('.itemize > div > p:eq(0)')

.itemize > div goes till:

<div class="itemize">
    
Order Summery

</div>

Y

.itemize > div > p:eq(0)

<div class="itemize">
    
Order Summery

<div>
Packages:

</div> </div>

The > allows to target direct children whereas eq(index) is used to get first p that you want.

5
agregado
var test = $('.itemize')​.find('div:first')​.find(​'p:first')​​​.html();
alert(test);
​

Try here: http://jsfiddle.net/arvind07/H8vwA/

3
agregado
$('.itemize>div>p:first').addClass('someClass');
2
agregado

Esto debería funcionar

$('.itemize div p').first().addClass('hello');
1
agregado

$('.itemize>div>p').first().css(styles go here) most of the ones above work as well

Los selectores de jQuery funcionan un poco como los selectores de CSS, revisa este tutorial para obtener más información.

1
agregado

Puedes probar esto ...

$(".itemize div p:first").text();

espero que funcione ...

1
agregado
JavaScript - Comunidad española
JavaScript - Comunidad española
4 de los participantes

Enlace para invitaciones: https://t.me/joinchat/B2gdShb3y7ojLekmhtDxIw En este grupo hablamos de JavaScript. Partner: es.switch-case.com