打开一个div成一个按钮动态

Question

我似乎没有找到任何办法来解决这个out..so我猜即时将需要一些帮助.. 即时制作中，我有一个SQLite数据库的PhoneGap应用程序。我执行一个查询，并从数据库中获得一个动态创建的结果，事情是，我想为每个记录，我提取使包含它的div，作为一个可编辑角色的按钮..

比如让说，我有这些列ID选项1选项分贝，我有三个记录.. 这意味着我将有三个div的 我想，每一个DIV是一个按钮，如果用户点击它是能够执行删除（或编辑/更新）查询而不用担心id 举例来说，如果他选择做DIV2进行查询，将删除第二个记录..

到目前为止我的代码..

for (var i = 0; i < len; i++) { 
    var test1 = results.rows.item(i).option1; 
    var d = new Date(); 
    d.setTime(results.rows.item(i).date); 
    var newLI = document.createElement("LI"); 
    newLI.className = lt; 
    newLI.id = results.rows.item(i).id; 
    var container = ("<div id=\"" + results.rows.item(i).id + "\" class=\"test\"><div id=\"text\">option1</div><div id=\"data\">" + test1 + "</div></div>"); 
    newLI.innerHTML = cont; 
    var gl = document.getElementById("sqltest"); 
    gl.appendChild(newLI); 
} 
for (var i = 0; i < len; i++) { 
    var divid = "#" + results.rows.item(i).id; 
    $(divid).on("click", function() { 
     alert(divid); 
    }) 
} 

<ul id="sqltest"></ul> 

问题，上面的代码，就是虽然每个DIV得到正确的ID ，当我点击它，我总是得到例如＃1相同的结果，虽然我可能有3周的div .. 而不必结果

div1 alert #1 div2 alert #2 

我得到

div1 alert #1 div2 alert#1 

我用警报只是简化它，而不是警告会有DELETE from SQLDB WHERE id=results.rows.item(i).id;

Answer 1

你retreiving总是相同的“DIVID”变量，因为JavaScript的范围和封锁的工作方式。这是一个非常常见的错误。你可以谷歌“JavaScript关闭臭名昭着的循环”以获得更多关于此信息。

你应该为这个替换您的：

for (var i = 0; i < len; i++) { 

    (function() { 
     var divid = "#" + results.rows.item(i).id; 
     $(divid).on("click", function() { 
      alert(divid); 
     }); 
    })(); 
} 

这样一来，可变DIVID在不同的范围，每次申报。

我不明白这是否是唯一的问题。