Добавление дополнительных элементов списка html с использованием JSON и JavaScript

Question

Я могу добавить элемент <li> на свою веб-страницу, используя Javascript с информацией из файла JSON.

Однако, когда я пытаюсь добавить еще один элемент <li> под первым, используя те же методы, он заменяет первый, а не добавляет его под первым.

Как мне его добавить, вместо того чтобы его заменить?

Вот мой код JavaScript:

$('#links').html('<li>' + jsonObj.pageText[5].ref1 + '</li>') 
$('#links').html('<li>' + jsonObj.pageText[5].ref2 + '</li>') 

ref2 заменяет первый.

Answer 1

Использование добавить или preppend вместо html

Answer 2

.html (...) команда заменяет HTML, так что вам нужно будет:

$('#links').html('<li>' + jsonObj.pageText[5].ref1+'</li>') 
$('#links').html($('#links').html() + '<li>' + jsonObj.pageText[5].ref2+'</li>') 

... или:

$('#links').append($('<li>').html(jsonObj.pageText[5].ref1)) 
$('#links').append($('<li>').html(jsonObj.pageText[5].ref2))