Question

在动态生成的“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);
    });
}

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

Answer 2

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

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/

Answer 3

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

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

Answer 4

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

基本上你在寻找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!";
}

javascript相当于此函数的jquery

4 个答案: