各ループ反復でボタンを追加するにはどうすればいいですか？

Question

私は配列arrを持っています。配列のすべてのオブジェクトに対してボタンを#enquirieswallに追加したいと思います。私はいろいろな方法を試みましたが、これまでに何も働いていません。これは私がこれまでに思い付いたものです：

<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> 

は、現在の結果は、互いに並んでリンク側です、私は彼らが代わりにボタンになりたいです。

Answer 1

は

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); 
        }