Понимание узлов и как добавить

Я работаю над проектом, который были запущены некоторыми другими разработчиками, и я пытаюсь понять этот код, а также завершить проект. В настоящее время у меня есть несколько json со ссылками и текстом url (довольно быстрое описание), что мне нужно сделать, это щелчок на кнопке. Я хочу отображать каждую из ссылок с их правильным текстом и сделать его доступной для ссылок. То, как это нужно сделать, это использовать узлы, на которых я не осведомлен на 100%. Если мне нужно это объяснить, пожалуйста, дайте мне знать, и я привел пример того, с чем я работаю в настоящее время. СпасибоПонимание узлов и как добавить

источник

2013-07-14 Allan Huston

Не могли бы вы уточнить, что вы не понимаете? При этом несколько комментариев о вашем текущем коде: (1) функция 'category' ничего не делает, она должна хотя бы вернуть ваши данные; (2) по другой функции, да, вы должны зацикливать свой объект данных; и (3), не добавляйте html в элемент '

Это тип вещей, которые jquery делает очень легко для достижения - если вы можете использовать его в своем проекте.

var ul = $("<ul></ul">); 
for(var i in category.content){ 
    var li = $("<li></li>"); 
    var a = $("<a href='" + category.content[i].links + "'>" + category.content[i].urlText + "</a>"); 
    li.append(a); 
    ul.append(li); 
} 
containerDiv.append(ul);

В вашем примере вы также делаете элементы списка дочерними элементами тега сценария. Не уверен, что ваша цель была там, но у меня был бы простой div.

Если вы действительно должны сделать это в простом JavaScript:

var containerDiv = document.getElementById("parent"); 
var ul = document.createElement("ul"); 
for(var i in category.content){ 
    var li = document.createElement("li"); 
    var a = document.createElement("a"); 
    a.href = category.content[i].links; 
    a.innerHTML = category.content[i].urlText; 
    li.appendChild(a); 
    ul.appendChild(li); 
} 
containerDiv.appendChild(ul);

скрипку here

источник

2013-07-14 19:15:27

Я действительно рассматривал использование jQuery, но я хотел убедиться, что сначала понял его на более базовом уровне, это определенно помогло многим, хотя спасибо! –

Смежные вопросы