Показать сообщение отдельно
  #8 (permalink)  
Старый 08.04.2014, 16:11
Профессор
Отправить личное сообщение для jsnb Посмотреть профиль Найти все сообщения от jsnb
 
Регистрация: 15.03.2014
Сообщений: 561

Там идет цикл. На каждой итерации цикла будет свой id. Соответственно эта строка:
var newRow = '<tr id="'+ obj.id +'"><td>' + paths[country].name + '</td></tr>';

создает строковую переменную newRow и присваивает ей строку вида:
'<tr id="0"><td>Iceland</td></tr>'
На каждой итерации цикла в этой строке будет новый id и название страны.
Дальше идет:
table.append(newRow);

table - это объект jQuery, который связан с tbody таблицы. Он был создан выше (var table = $('#country-table > tbody')).
append - это метод jQuery объекта, который при передаче ему строки newRow создает новый DOM элемент и вставляет его в конец tbody таблицы. Таким образом на каждой итерации цикла формируется новая строка таблицы.
А если реально хочешь научиться и понимать, что происходит, то вот учебник: http://learn.javascript.ru/
Там во второй части есть целые большой раздел посвещенный DOM. А дальше еще один большой раздел посвещенный событиям. Если реально хочешь научиться - то читай. Там есть практические задачи, в том числе и на таблицы, их сортировку, с описанием того как и что делать лучше. Нельзя в двух словах рассказать о том, о чем пишут целые книги.
Ответить с цитированием