Встроенный и отдельный обработчик событий

Question

Пожалуйста, помогите мне исправить это.

Я использовал таблицу шаблонов с встроенным обработчиком событий. например,

// предположим, что это создаст строки таблицы, показывающие Name из someArray // someArray - глобальный список массивов

 for(var =i; i<someArray.length; i++){
   var obj = someArray[i];
   <td> <span onclick="showRelatedObj(i)">obj.Name</span> </td>
}

//----------------------
function showRelatedObj(p){
     var obj = someArray[p];
    showMessageBox(obj.Name +" ," + obj.Location.....);
}

===================================================================

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

Пожалуйста, предложите альтернативный или стандартный способ сделать это.

Answer 1

, например, с помощью jQuery:

$(document).ready(function(){
$('td > span').click(function(){
showRelatedObj();
});
});

Вы можете вычислить значение i из переменной 'this', которая означает элемент пролета с щелчком