اختيار <p> داخل div باستخدام 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
شكرا هذا يعمل ولكن لدي مشكلة أخرى الآن ..: S. البنية الأساسية هي نفسها ، لكن ملف JS يتضمن P آخر قبل أن يختار شيئًا ما ثم تغييره إلى

الحزم

. كيف أقوم بذلك. مثل first p القادمة من JS

حدد طلبك

عندما أقوم بتحديد شيء يتغير عبر jQuery إلى

الحزم:

. كيف يمكنني إضافة فئة إلى الثاني ظهر P
وأضاف المؤلف Mossawir Ahmed, مصدر
في المستقبل ، يرجى قضاء المزيد من الوقت في كتابة أو تنسيق المشاركة. يمكن العثور على مساعدة التنسيق هنا
وأضاف المؤلف Matt, مصدر

7 إجابة

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

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

إذا كنت ترغب في إضافة فئة إلى تلك العلامة p:

$('.itemize div p:first').addClass('selected');
12
وأضاف
شكرا هذا يعمل ولكن لدي مشكلة أخرى الآن ..: S. البنية الأساسية هي نفسها ، لكن ملف JS يتضمن P آخر قبل أن يختار شيئًا ما ثم تغييره إلى

الحزم

. كيف أقوم بذلك. مثل first p القادمة من JS

حدد طلبك

عندما أقوم باختيار شيء ما يتغير عبر jQuery إلى

الحزم:

.
وأضاف المؤلف Mossawir Ahmed, مصدر
كيف يمكنني إضافة فصل إلى هذا
وأضاف المؤلف Mossawir Ahmed, مصدر
الروابط ليست إجابات. على الأقل copypasta خطك من JS في الإجابة كذلك. مأخوذة من meta : يمكن أن تكون الإجابات في الرابط فقط ضارة بشكل فعال إذا تعطلت الروابط. وهم يكسرون ، حتى في المواقع التي يبدو أنها ستبقى إلى الأبد. . شكرا للتحديث. <�كود>:) </القانون>
وأضاف المؤلف Fabrício Matté, مصدر
هل تريد فقط إضافة فئة إلى أول علامة p؟ إذا كانت الإجابة بنعم ، فقد قمت بتحديث الكود هنا. jsfiddle.net/QJTYx/4
وأضاف المؤلف VibhaJ, مصدر

يمكنك القيام بهذه الطريقة:

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

.itemize > div goes till:

<div class="itemize">
    
Order Summery

</div>

و

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

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

3
وأضاف
$('.itemize>div>p:first').addClass('someClass');
2
وأضاف

هذا ينبغي أن تفعل خدعة

$('.itemize div p').first().addClass('hello');
1
وأضاف

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

تعمل أدوات اختيار jQuery قليلاً مثل محددات CSS ، تحقق من البرنامج التعليمي للحصول على مزيد من المعلومات.

1
وأضاف

يمكنك أن تجرب هذا ..

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

آمل أن يعمل ...

1
وأضاف