गतिशील रूप से एक div के सभी स्पैन पढ़ने

Question

मेरे पास एक div है जिसके अंदर मेरे पास स्पैन हैं। अब मैं मैं कैसे पॉप्युलेट कर सकती thrir आईडी के साथ-साथ सभी स्पैन की सभी पाठ पढ़ सकते हैं और जावास्क्रिप्ट नक्शे जहां कुंजी = spanid और value = "span.How का पाठ मैं यह कर सकता में पॉप्युलेट करने के लिए करना चाहते हैं?

Eg <div mydiv="xyx" > 
    <span id ="sp1" > M/span> 
    <span id ="sp2" > M/span> 
    .... 
     .. 

    </div> 

नक्शा

Answer 1

आप document.getElementById और document.getElementsByTagName का उपयोग करके तत्व प्राप्त कर सकते हैं तो उन के माध्यम से पुनरावृति और उन्हें वस्तु में जोड़ें। इसलिए जैसे span तत्व का टेक्स्ट प्राप्त करने के लिए textContent and innerText का उपयोग करें, और उन्हें सम्मिलित वस्तु में: http://www.jsfiddle.net/SJs4h/

Answer 2

Jquery अपने बहुत ही सरल का उपयोग करते हुए:

var spans = $('#xyx').find('span'); 
var arr = new Array(); 
foreach(spans as span) 
{ 
     arr[$(span).attr('id')] = $(span).text; 
} 

आशा है कि मैं मदद की

अद्यतन:। गैर ई jQuery रास्ता:

var spans = document.getElementById('xyx'); 
spans = spans.getElementsByTagName('span'); 
var arr = new Array(); 
foreach(spans as span) 
{ 
    arr[span.getAttribute('id')] = arr[span.innerHTML]; 
} 

Answer 3

var container=document.getElementById('xyx'); 
var spanArray=container.getElementsByTagName('span'); 
for(var s=0;s<spanArray.length;s++){ 
    spanText=spanArray[s].innerHTML; 
}