此功能等效于jQuery的javascript

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中搜索相同的功能，但此刻我还不知道如何编码。 thx 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事件作为参数给出，其中包含被点击li的id 。

演示： 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!";
}