Wählen Sie <p> innerhalb eines div mit 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
hinzugefügt bearbeitet
Ansichten: 1
Danke, das funktioniert, aber ich habe jetzt ein anderes Problem ..: S. Die Struktur ist die gleiche, aber die js-Datei enthält ein anderes P, bevor sie etwas auswählen und dann zu

Paketen

wechseln. wie kann ich das machen. Wie das erste p von JS kommen

wähle deine Bestellung aus

wenn ich etwas wähle, das sich über jQuery zu

ändert Pakete:

. Wie kann ich Klasse zum zweiten erschienen P hinzufügen
hinzugefügt der Autor Mossawir Ahmed, Quelle
In Zukunft sollten Sie mehr Zeit mit dem Schreiben oder Formatieren Ihres Posts verbringen. Formatierungshilfe finden Sie hier
hinzugefügt der Autor Matt, Quelle

7 Antworten

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

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

Wenn Sie dem p-Tag eine Klasse hinzufügen möchten:

$('.itemize div p:first').addClass('selected');
12
hinzugefügt
Danke, das funktioniert, aber ich habe jetzt ein anderes Problem ..: S. basicall die Struktur ist die selbe aber JS Datei schließt ein anderes P ein, bevor es irgendeine Sache dann seine Änderung zu

Paketen

wählt. wie kann ich das machen. wie das erste p aus JS

wähle deine Bestellung

aus, wenn ich eine Sache auswähle, die sich über jQuery in

Pakete ändert:

.
hinzugefügt der Autor Mossawir Ahmed, Quelle
Wie kann ich eine Klasse hinzufügen?
hinzugefügt der Autor Mossawir Ahmed, Quelle
Links sind keine Antworten. Zumindest copypasta deine Linie von JS in der Antwort auch. Entnommen aus Meta : Link-Only-Antworten können aktiv schädlich sein, wenn Links unterbrochen werden. Und sie brechen sogar auf Seiten, die scheinbar für immer da sein werden. Danke für das Update. :)
hinzugefügt der Autor Fabrício Matté, Quelle
Möchten Sie nur Klasse zum ersten p-Tag hinzufügen? Wenn ja, dann habe ich den Code hier aktualisiert. jsfiddle.net/QJTYx/4
hinzugefügt der Autor VibhaJ, Quelle

Sie können folgendermaßen vorgehen:

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

.itemize > div goes till:

<div class="itemize">
    
Order Summery

</div>

Und

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

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

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

Dies sollte den Trick machen

$('.itemize div p').first().addClass('hello');
1
hinzugefügt

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

jQuery-Selektoren funktionieren ähnlich wie css-Selektoren. Weitere Informationen finden Sie in der Anleitung .

1
hinzugefügt

Sie können dies versuchen ..

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

hoffe, es wird funktionieren ..

1
hinzugefügt