Selecionando <p> dentro de um 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
adicionado editado
Visualizações: 1
obrigado isso funciona, mas eu tenho um outro problema agora ..: S. basicall a estrutura é a mesma, mas o arquivo JS inclui outro P antes de selecionar alguma coisa, então sua mudança para

Packages

. Como eu posso fazer isso. como primeiro p vindo de JS

selecione seu pedido

quando eu seleciono alguma coisa que muda via jQuery para

Pacotes:

. Como posso adicionar classe para o segundo apareceu P
adicionado o autor Mossawir Ahmed, fonte
No futuro, passe mais tempo escrevendo ou formatando sua postagem. A ajuda de formatação pode ser encontrada aqui
adicionado o autor Matt, fonte

7 Respostas

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

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

Se você quiser adicionar uma classe a essa tag p:

$('.itemize div p:first').addClass('selected');
12
adicionado
obrigado isso funciona, mas eu tenho um outro problema agora ..: S. basicall a estrutura é a mesma, mas o arquivo JS inclui outro P antes de selecionar alguma coisa, então sua mudança para

Pacotes

. Como eu posso fazer isso. como primeiro p vindo de JS

selecione seu pedido

quando eu seleciono alguma coisa que muda via jQuery para

Pacotes:

.
adicionado o autor Mossawir Ahmed, fonte
Como posso adicionar classe a esta
adicionado o autor Mossawir Ahmed, fonte
Links não são respostas. Pelo menos copypasta sua linha de JS na resposta também. Extraído de meta : As respostas somente de links podem ser ativamente prejudiciais se os links forem interrompidos. E eles quebram, mesmo em sites que aparentemente estarão por perto para sempre. . Obrigado pela atualização. :)
adicionado o autor Fabrício Matté, fonte
Você só quer adicionar classe à primeira tag p ?? Se sim, então eu atualizei o código aqui. jsfiddle.net/QJTYx/4
adicionado o autor VibhaJ, fonte

Você pode fazer assim:

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

.itemize > div goes till:

<div class="itemize">
    
Order Summery

</div>

E

.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
adicionado
var test = $('.itemize')​.find('div:first')​.find(​'p:first')​​​.html();
alert(test);
​

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

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

Isso deve fazer o truque

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

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

Os seletores do jQuery funcionam um pouco como os seletores de css, confira este tutorial para obter mais informações.

1
adicionado

Você pode tentar isso ..

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

espero que funcione ..

1
adicionado