jQuery :nth-of-type() चयनकर्ता
उदाहरण
प्रत्येक <p> तत्व का चयन करें जो उसके माता-पिता का तीसरा <p> तत्व है:
$("p:nth-of-type(3)")
परिभाषा और उपयोग
:nth-of-type( n ) चयनकर्ता उन सभी तत्वों का चयन करता है जो उनके माता-पिता के किसी विशेष प्रकार के n वें बच्चे हैं।
युक्ति: उन सभी तत्वों का चयन करने के लिए :nth-child() चयनकर्ता का उपयोग करें, जो n वें बच्चे हैं, चाहे उनके माता-पिता का प्रकार कुछ भी हो।
वाक्य - विन्यास
:nth-of-type(n|even|odd|formula)
| Parameter | Description |
|---|---|
| n | The index of each child to match. Must be a number. The first element has the index number 1. |
| even | Selects each even child element |
| odd | Selects each odd child element |
| formula | Specifies which child element(s) to be selected with a formula (an + b). Example: p:nth-of-type(3n+2) selects each 3rd paragraph, starting at the 2nd paragraph |
इसे स्वयं आज़माएं - उदाहरण
प्रत्येक <p> तत्व का चयन कैसे करें जो सभी <div> तत्वों का दूसरा <p> तत्व है।
a + b ) विभिन्न चाइल्ड तत्वों का चयन करने के लिए सूत्र ( a + b
)
का उपयोग कैसे करें ।
का उपयोग करना विभिन्न बाल तत्वों का चयन करने के लिए सम और विषम का उपयोग कैसे करें।
p:nth-child(2), p के बीच का अंतर :nth-last-child(2), p:nth-of-type(2) और p:nth-of-last-type(2)।