Как найти и изменить полученные элементы в самом JS файле?

Question

[Станислав]

Ребят подскажите осуществить задуманное
На странице есть таблица с данными, к примеру

<table>
 <tr id="data">
  <td class="data1"></td>
  <td class="data2"></td>
 </tr>
</table>

С помощью аякса я хочу подгружать данные и вставлять новые в начало таблицы, но для этого нужно получить код первого tr.data и в JS в цикле менять значения data1/data2.

Хочу сделать как то так:

setInterval(load, 10000);

function load() {

     var html = '', code = $("#data:eq(0)");


    $.ajax({
        "url": "/url/",
        "method": "POST",
        beforeSend: function(){},
        statusCode:{
            200: function(data){
                for(var i = 0; i < data.length; i++) {
                    var x = data[i];

                    //code - html код первой строки в таблице tr.data

                    html = code
                        .find('.data1')
                        .text(x.text1)
                        .find('.data2')
                        .text(x.text2);

                    html.before(html);
                }
            },
            403: function(err){
                console.log(err);
            }
        }
    });
}

Понятно что не работает, но как мне быть с этим? Нужно сделать подгрузку контента и не хотелось бы писать в JS сам код строки таблицы, хочется взять код и изменить только те поля которые необходимо заменить. Но как?

Answer 1

[Stalker_RED]

jqapi.com/#p=clone

Comments

[Станислав]

Т.е. сначала клонировать первую строку, а потом изменять в не данные? Я об этом даже не подумал, а все как всегда гениально просто )))