1

在动态生成的 "ol" 中：

document.getElementsByTagName('ol');
    for (i = 0; i < len; i++){
          var newLi = document.createElement("li");
          var link = document.createElement('a');
          link.href = "#"; 
          link.innerHTML = (results.rows.item(i).location + "-" + results.rows.item(i).datte);
          newLi.appendChild(link);
          olnew[0].appendChild(newLi);

我需要找到单击的“li”，我仅将 jquery 库用于此功能，我正在 javascript 中搜索相同的功能，但目前我不知道如何编码。谢谢 var ss; ss=$("#idfromOl"); ss.click(clickhecho);

}

function clickhecho()
{
    var $all_lis = $('li');

    $all_lis.on('click', function() {
        var index = $all_lis.index(this);
    });
}
4

4 回答 4

1

尝试这个：

function createfunc(i) {
    return function() { alert(i); };
}
for (i = 0; i < len; i++){
    var newLi = document.createElement("li");
    var link = document.createElement('a');
    link.href = "#"; 
    link.innerHTML ="test"
    newLi.appendChild(link);
    // just add onclick event; use createFunc to create function closure (otherwise 'i' would always be the last 'i'
    newLi.onclick = createfunc(i);

    olnew[0].appendChild(newLi);
}
于 2013-10-18T11:30:49.960 回答
0

我可能弄错了，但这就是你要找的吗？

var elements = document.getElementsByTagName('li');

for (var i = 0; i < elements.length; i++) {
    elements[i].addEventListener('click', function (e) {
        $("#clickedLi").text(e.srcElement.id);
    });
}

它将调用的事件附加addEventListener到每个li元素。

在每个li元素内部都有一个click作为参数给出的事件，其中包含id被li点击的事件。

演示：http: //jsfiddle.net/DUzMc/1/

于 2013-10-18T11:24:26.537 回答
0

最简单的方法是在生成列表时包含事件：

document.getElementsByTagName('ol');
for (i = 0; i < len; i++){
      var newLi = document.createElement("li");
      var link = document.createElement('a');
      link.href = "#"; 
      link.innerHTML = (results.rows.item(i).location + "-" + results.rows.item(i).datte);

      // Add this
      link.onclick = function(index) { return function() {
        // do something with index variable
      }}(i);

      newLi.appendChild(link);
      olnew[0].appendChild(newLi);

注意我使用局部变量索引而不是 i，这是因为当单击项目时 i 的值将不同（等于 len）。

于 2013-10-18T11:31:30.730 回答
0

你的第一部分脚本不完整，所以我做了一个简短的脚本来生成一个动态列表。

基本上你正在寻找addEventListener()：

var elements = 10;
ol = document.createElement('ol');
for(i = 1; i <= elements; i++){
    var li = document.createElement('li');
    var a = document.createElement('a');
    a.setAttribute('href', '#');
    a.text = 'Link ' + i;
    li.appendChild(a);
    ol.appendChild(li);

    a.addEventListener("click", who, false); // THIS IS THE IMPORTANT PART
}

document.getElementsByTagName('body')[0].appendChild(ol);


function who(e){
    var myTarget = e.target;
    myTarget.text = "clicked!";
}
于 2013-10-18T11:36:53.063 回答