मेरे पास है:

<ul>

<li>Cthulhu</li>
<li>Godzilla</li>
<li>King Kong</li>

</ul>

मैं Godzilla (इंडेक्स 2) के बाद <li>Pink Panther</li> डालना चाहता हूं। मैं यह कैसे कर सकता हूँ?

9
NibblyPig 28 फरवरी 2011, 14:13

5 जवाब

सबसे बढ़िया उत्तर

आप after() विधि का उपयोग :eq() चयनकर्ता:

$("ul li:eq(1)").after($("<li>Pink Panther</li>"));

ध्यान दें कि, चूंकि :eq() शून्य-आधारित है, इसलिए गॉडज़िला में 2 के बजाय 1 अनुक्रमणिका है।

17
Frédéric Hamidi 13 मई 2016, 00:39

आप eq और after इस तरह:

$('#ul_id li:eq(1)').after('<li>Pink Panther</li>');

eq के लिए इंडेक्स 0 से शुरू होता है, इसलिए 1 <li>Godzilla</li> से मेल खाता है।

4
Sarfraz 28 फरवरी 2011, 14:16

$('ul').eq(1).after($('<li>Pink Panther</li')); Godzilla का btw इंडेक्स 1 है क्योंकि इंडेक्सिंग 0 से शुरू होती है :)

4
Val 28 फरवरी 2011, 14:17

आप इस तरह jQuery चयनकर्ताओं के माध्यम से एलआई की सरणी तक पहुंच सकते हैं:

var secondElement = $("ul li")[1];
$(secondElement).after("<li>New element!</li>");

यह निम्नलिखित एचटीएमएल का उत्पादन करेगा:

<ul>

<li>Cthulhu</li>
<li>Godzilla</li>
<li>New element!</li>
<li>King Kong</li>

</ul>
2
Greg 28 फरवरी 2011, 14:17

आप nवें चाइल्ड सिलेक्टर का उपयोग कर सकते हैं

यहां एक उदाहरण है

0
Rafay 28 फरवरी 2011, 14:19