2010-05-05 19 views
9

पर div संलग्न करें I jQuery तत्वों का उपयोग करते हुए तत्वों को तत्व तत्वों का एक विशिष्ट अनुक्रमणिका कैसे जोड़ूं। अगर मेरे पास है:jQuery एक विशिष्ट

<div class=".container"> 
    <div class="item"><div> 
    <div class="item"><div> 
    <div class="item"><div> 
    <div class="item"><div> 
</div> 

और मैं दूसरी और तीसरी वस्तु के बीच एक और आइटम जोड़ना चाहता हूं?

+5

मुमकिन है 'वर्ग = "कंटेनर" एक टाइपो है? कक्षा के नाम में '.' होना वैध है, लेकिन ऐसा कुछ नहीं जो आप आम तौर पर करना चाहते हैं। – bobince

उत्तर

19

कुछ विकल्प हैं:

$("div.container div.item").eq(2).after($('your html')); 

$("div.container div.item:nth-child(3)").after($('your html')); 

$($("div.container div.item")[2]).after($('your html')); 

एक ही विकल्प है, लेकिन एक ही स्थिति "पहले" का उपयोग कर में डालने:

$("div.container div.item").eq(3).before($('your html')); 

$("div.container div.item:nth-child(4)").before($('your html')); 

$($("div.container div.item")[3]).before($('your html')); 
+1

+1: eq' selector। हालांकि, 'एनएच-चाइल्ड' से सावधान रहें; 'eq()' और बाकी सब कुछ के विपरीत, इसके सूचकांक 1-आधारित (argh) हैं। – bobince

+0

पुरुष मैं हमेशा इसे भूल जाता हूं। सर उठाने के लिए धन्यवाद! – user875139

4

("div.container div.item:eq(1)").after("<element to insert>")

-1
$('.container').children()[1].append('whatever'); 
+1

यह काम नहीं करेगा क्योंकि [1] मूल DOM ऑब्जेक्ट देता है जो किसी फ़ंक्शन 'एपेंड()' – jAndy

+2

के बारे में नहीं जानता है, मुझे jQuery प्रश्नों से बचना चाहिए। गैर-सीएसएस-मानक (और इसलिए कम कुशल) की बजाय 'eq()' विधि के लिए –

संबंधित मुद्दे