jquery का उपयोग करते हुए हमेशा तत्व को तत्व कैसे जोड़ना है?

Question

मैं एक निश्चित div को सूची में अंतिम तत्व के रूप में जोड़ा जाना चाहता हूं इससे कोई फर्क नहीं पड़ता। क्या कोई तरीका है जिसमें मैं इसे स्पष्ट रूप से निर्दिष्ट कर सकता हूं?

Answer 1

सूची के अभिभावक को प्राप्त करें और उस बच्चे को अंतिम आइटम के रूप में नया आइटम जोड़ें।

सादे जावास्क्रिप्ट का उपयोग करना:

parent.appendChild(newElement); 

मोज़िला प्रलेखन: https://developer.mozilla.org/En/DOM/Node.appendChild

आप अन्य मदों जोड़ सकते हैं और अभी भी, यह आइटम अंतिम आइटम होना है तो आप से पहले नए आइटम जोड़ने करना होगा चाहते हैं यह अंतिम आइटम या इस आइटम को हटाएं, अपना नया आइटम संलग्न करें, फिर अंत में इसे एक बार फिर से जोड़ें।

एक बार जब आप पहले से ही सूची में अंतिम तत्व है, यदि आप तो सही है कि पिछले तत्व से पहले एक नए तत्व जोड़ना चाहते हैं, तो आप इसे इस तरह से कर सकते हैं:

parent.insertBefore(newElement, parent.lastChild); 

Answer 2

$('#list').append('<div></div>') से संलग्न होगा #list के बहुत अंत

तुम सिर्फ इन-मामले अन्य तत्वों उसके बाद, तो आप $('#list div:last').after('<div></div>')

Answer 3

उपयोग कर सकते हैं आप पूरी तरह के बारे में सुनिश्चित बनाना चाहते हैं देखते हैं आखिरी div से संलग्न करना चाहते हैं, कि, खाली conta जगह आईडी के साथ INER और अंदर सामग्री की जगह यदि आप इसे तिथि अप करने की जरूरत है, इसलिए यदि आप एक बड़े कंटेनर और उसके बाद के अंतर्गत उप-कंटेनर है, आखिरी बच्चा इतना

एचटीएमएल

<div id="parent"> 
    <div id="child1"></div> 
    <div id="child2"></div> 
    <div id="child3"></div> 

    <div id="LastChild"></div> 
</div> 

की तरह होना चाहिए अब अगर आप अद्यतन करने की आवश्यकता

,

jQuery

var newcontent = '<p id="newcontent">I am the new content</p>'; 
//Build your content as html or plain text 

$('#LastChild').html(newcontent); //Replace old content in last child div with new 

अब, अगर आप पिछले बच्चे div से पुरानी सामग्री रखने के लिए और है कि नीचे नया सम्मिलित करना चाहते हैं आप

var newcontent = $('#LastChild').html(); 
var newcontent += '<p id="newcontent">I am the new content</p>'; 

$('#LastChild').html(newcontent); 

निम्नलिखित या आप पर प्रदर्शित किया आखिरी बच्चा div में पुरानी सामग्री रखने के लिए चाहते हैं, लेकिन कोई नई सामग्री है, तो कर सकते हैं, शीर्ष या पुराने से पहले, तो आप सिर्फ इतना

var newcontent = '<p id="newcontent">I am the new content</p>'; 
var newcontent += $('#LastChild').html(); 

$('#LastChild').html(newcontent); 

Answer 4

की तरह वर newcontent के आदेश स्वैप कर सकते हैं जब आप सूची के बारे में बात कर रहे हैं, मैं तुम्हें अन-आदेश दिया सूचियों की बात कर रहे ग्रहण करेगा।

आप की आवश्यकता होगी तो इस तरह के कुछ करने के लिए:

$('ul').append('<li>Bottom list-item</li>');