динамически добавить строку таблицы с функцией onclick

Question

Можно ли передать параметр «id» в функцию «onclick»?

for (var i = 0; i < items.length; i++) 
      { 
      var row = table.insertRow(0); 
      row.onclick = (function() { 
      var id = items[i].id;// here! 
      }); 
      var cell = row.insertCell(0); 
      cell1.innerHTML = items[i].title; 
      } 

Когда я нажимаю на строке он говорит, что элементы не определены, и я понимаю, почему, поэтому я спрашиваю о других способах получить идентификатор параметр в OnClick функции. Кроме того, я имею в виду, чтобы сохранить значение идентификатора в скрытой ячейке

Answer 1

Без использования JQuery, я бы сделать что-то вдоль этих линий:

for (var i = 0; i < items.length; i++) { 
    var row = table.insertRow(0); 
    row.setAttribute("data-myID", items[i].id); 
    row.onclick = (function() { 
     console.log(this.getAttribute("data-myID")); 
    }); 
    var cell = row.insertCell(0); 
    //cell1.innerHTML = items[i].title; 
} 

полный скрипку здесь: http://jsfiddle.net/hztkzcya/