Как я могу получить доступ к тегам <li>один за другим в Javascript?

Question

У меня есть различные элементы <li> в ярлыке на моей странице aspx. Я хочу использовать Javascript для выборки одного элемента <li> за раз и выполнения некоторых действий с ним. Я понятия не имею, как это сделать; какую функцию я должен использовать?

Ранее я получил список для того же самого в C #, но я не могу перебрать его в Javascript, поэтому я преобразовал его в <li>, чтобы к нему мог обращаться Javascript.

Answer 1

    var li = document.getElementsByTagName('li')
    for (var i = 0; i < li.length; i++) {
    //manipulate them how?
    console.log(li[i]);

}

как ты пытаешься ими манипулировать? что бы вы ни делали, это вставит их в массив с именем li и цикл for будет циклически проходить. но что ты хочешь делать?

живой пример: http://jsfiddle.net/yTXuK/

Answer 2

Если вы используете jquery, вы можете использовать базовый селектор, чтобы получить объект jquery, содержащий список <li> s, а затем вы можете воздействовать на них каждым.

$('li').each(function(){  
    var li = $(this);
    //code to manipulate li
});

Answer 3

Использовать document.getElementsByTagName ("li")

Это вернет коллекцию li's

Answer 4

попробуйте это:

var lis = document.getElementsByTagName("li"); 

Answer 5

document.getElementsByTagName('li') вернет массив элементов li.

Редактировать: При желании вы можете добавить массив точек данных на страницу, распечатав тег сценария на странице вместо li.Таким образом, у вас не будет лишних ненужных элементов на странице.