मैं जावास्क्रिप्ट में गतिशील रूप से एक अनियमित सूची कैसे बना सकता हूं?

Question

मेरे पास एक वैश्विक जावास्क्रिप्ट सरणी है जिसमें कुछ तार हैं।

मैं अपनी जावास्क्रिप्ट सरणी में तारों के आधार पर गतिशील सूची बनाना चाहता हूं। इस के समान:

<ul class='xbreadcrumbs' style='position:absolute; bottom:0px'> 
    <li> 
     <a href='#'>String 1</a> 
    </li> 
</ul> 

मैं अपने सरणी पर पुनरावृति कर सकते हैं, और फिर जावास्क्रिप्ट/jQuery में इस सूची को बनाने?

Answer 1

इस

var str = '<ul class='xbreadcrumbs' style='position:absolute; bottom:0px'>'; 

for(var i in $yourArray){ 
    str += '<li><a href="#">String 1</a></li>'; 
} 

str += '</ul>'; 

$('body').append(str); 

Answer 2

var $bread = $('ul.xbreadcrumbs'); 
$.each(yourArray, function(index, value) { 
    $('<li><a href="#">' + value + '</a></li>') 
    .appendTo($bread); 
}); 

मैंने इसका परीक्षण नहीं किया है - बस मेरे सिर से। उम्मीद है की यह मदद करेगा!

Answer 3

हाँ आप कर सकते हैं।

var ul = "<ul>"; 
for(var i=0; i < arr.length; i++) { 
    ul += "<li><a href=\"#\">" + arr[i] + "</a></li>"; 
} 
ul += "</ul>"; 

var ulElem = $(ul); 

Answer 4

आप केवल एक फ्लैट सरणी की जरूरत है (यानी नहीं बहुआयामी और कोई: आप या तो उपयोगकर्ता डोम के साथ सीधे createElement (जोनाथन के जवाब देखें), या जाना jQuery (परीक्षण नहीं) के साथ एक बहुत ही आसान मार्ग ले सकते हैं सरणी) के भीतर सरणियों, तो आप सादे JavaScript में निम्न कर सकते हैं:

var strs = [ "String 1", "String 2", "String 3" ]; 
var list = document.createElement("ul"); 
for (var i in strs) { 
    var anchor = document.createElement("a"); 
    anchor.href = "#"; 
    anchor.innerText = strs[i]; 

    var elem = document.createElement("li"); 
    elem.appendChild(anchor); 
    list.appendChild(elem); 
} 

तब शरीर आप इच्छा में जो भी पेरेंट तत्व को list जोड़ देते हैं।