जावास्क्रिप्ट पेरेंट तत्व हो और भाई बहन

Question

के लिए धारक div बारे में मैं निम्नलिखित संरचना है:

<div class="parent"> 
    <div id="child1">Content here</div> 
    <div class="child2">Content here</div> 
</div> 

ऑनलोड में, मैं एक "धारक" div शामिल करना चाहते हैं, कि इतने की तरह सभी माता पिता के बच्चों रखती है:

<div class="parent"> 
    <div id="holder"> 
    <div id="child1">Content here</div> 
    <div class="child2">Content here</div> 
    </div> 
</div> 

केवल "child1" आईडी को जानना, मैं अपने और भाई बहनों के आस-पास एक धारक div कैसे जोड़ सकता हूं?

विचार

• "child1" आईडी केवल ज्ञात पहचानकर्ता है।
• कक्षा "अभिभावक" और "बच्चा 2" गतिशील नाम हैं और बदल जाएंगे, इसलिए पहचानकर्ताओं के रूप में उपयोग नहीं किया जा सकता है।
• वेनिला जावास्क्रिप्ट होने की आवश्यकता है।

विचार?

Answer 1

इस रूप में देखकर जावास्क्रिप्ट (और नहीं jQuery) हो गया है और आप केवल आईडी द्वारा child1 आप इस रूप में कच्चे तेल के रूप में कुछ कर सकते हैं indentify कर सकते हैं:

var child1 = document.getElementById("child1"), 
    parent = child1.parentNode, 
    contents = parent.innerHTML ; 
    parent.innerHTML = '<div id="holder">' + contents + '</div>'; 

आशा इस मदद करता है ...

Answer 2

वह कोई jQuery कहा, यह एक होमवर्क असाइनमेंट की तरह लगता है, लेकिन:

var el = document.getElementById('child1'); 
var parent = el.parentNode; 
parent.innerHTML = '<div id="holder">' + parent.innerHTML + '</div>';