Wie fügt man in jeder Schleifeniteration eine Schaltfläche an?

Question

Ich habe ein Array, arr. Ich möchte für jedes Objekt im Array Schaltflächen an #enquirieswall anhängen. Ich habe verschiedene Methoden ausprobiert, aber bisher hat noch niemand gearbeitet. Das ist, was ich mit so weit kam:

<script> 
var arr = [{"userid": "jim", "title":"help"}, {"userid": "pim", "title":"hello"}] 

var i; 
$("enquirieswall").empty(); 
for (i=0; i < arr.length; i++){ 
    var a = document.createElement("a"); 
    a.setAttribute("href","#"); 
    a.setAttribute("class","ui-btn"); 
    //added according to comments on my question 
    a.textContent = arr[i].title; 
    a.setAttribute("onclick", "window.location='enquiriesdetails.php?userid=" + arr[i].userid +"'"); 
    $("#enquirieswall").append(a); 
} 
</script> 

<div id="enquirieswall"></div> 

Derzeit sind die Ergebnisse Links nebeneinander miteinander, ich möchte, dass sie stattdessen in Tasten sein.

Answer 1

geändert create auf Knopf und ui-btn zu BTN

for (i = 0; i < arr.length; i++) { 
         var a = document.createElement("button"); 
         a.setAttribute("href", "#"); 
         //a.textContent = arr[i].title; 
         a.innerHTML = arr[i].title.toString(); 
         a.setAttribute("class", "btn"); 
         a.setAttribute("type", "button"); 
         a.setAttribute("onclick", "window.location='enquiriesdetails.php?userid=" + arr[i].userid + "'"); 
         $("#enquirieswall").append(a); 
        }