मेरे पास है:
<ul>
<li>Cthulhu</li>
<li>Godzilla</li>
<li>King Kong</li>
</ul>
मैं Godzilla (इंडेक्स 2) के बाद <li>Pink Panther</li>
डालना चाहता हूं। मैं यह कैसे कर सकता हूँ?
5 जवाब
आप after() विधि का उपयोग :eq() चयनकर्ता:
$("ul li:eq(1)").after($("<li>Pink Panther</li>"));
ध्यान दें कि, चूंकि :eq()
शून्य-आधारित है, इसलिए गॉडज़िला में 2 के बजाय 1 अनुक्रमणिका है।
$('#ul_id li:eq(1)').after('<li>Pink Panther</li>');
eq
के लिए इंडेक्स 0
से शुरू होता है, इसलिए 1
<li>Godzilla</li>
से मेल खाता है।
$('ul').eq(1).after($('<li>Pink Panther</li'));
Godzilla का btw इंडेक्स 1 है क्योंकि इंडेक्सिंग 0 से शुरू होती है :)
आप इस तरह 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>
संबंधित सवाल
नए सवाल
jquery
jQuery एक जावास्क्रिप्ट लाइब्रेरी है, जावास्क्रिप्ट टैग को जोड़ने पर भी विचार करें। jQuery एक लोकप्रिय क्रॉस-ब्राउज़र जावास्क्रिप्ट लाइब्रेरी है, जो दस्तावेज़ ऑब्जेक्ट मॉडल (DOM) ट्रैवर्सल, इवेंट हैंडलिंग, एनिमेशन और AJAX इंटरैक्शन को ब्राउज़रों की विसंगतियों को कम करके सुविधाजनक बनाता है। JQuery से संबंधित एक प्रश्न jQuery से संबंधित होना चाहिए, इसलिए jQuery को प्रश्न में कोड द्वारा उपयोग किया जाना चाहिए और कम से कम jQuery के उपयोग से संबंधित तत्वों को प्रश्न में होना चाहिए।