.appendTo и литералы HTML

Question

element.appendTo('<td>').appendTo('<tr>').appendTo('#ordersList') 

Должен ли этот элемент помещать элемент в новый элемент td внутри нового элемента tr внутри элемента #ordersList (была ли таблица)?

Потому что я просто получил голый элемент внутри #ordersList без обертывания tr/td.

Этот старый сайт, который я пытался устранить, похоже, использует jQuery 1.4.1 - в случае, если это известная ошибка.

Answer 1

appendTo() возвращает элемент, над которым вы работаете, и что такое you're actually doing;

1. Добавление вашего элемента в недавно созданный td.
2. Отсоединение элемента от td и добавление его во вновь созданный tr.
3. отсоединение его от tr и присоединение его к #ordersList

Что бы работать было бы что-то подобное;

$('<td></td>').appendTo($('<tr></tr>')​​​​​​​​​.appendTo('#ordersList')).append(element); 

... который отстой для удобочитаемости.

Answer 2

Вы всегда можете использовать родной API для простых вещей, как это, хотя помощник для сокращения кода приятно ...

function create(type) { return document.createElement(type); } 
function byId(id) { return document.getElementById(id); } 

---

byId('ordersList') 
    .appendChild(create('tr')) 
    .appendChild(create('td')) 
    .appendChild(element); 

Уроженец .appendChild() возвращает элемент добавляется, так вы можете связать вызовы с элементами гнезда.