Видимость элементов списка

Question

У меня есть список элементов (кнопок) на одной странице html и на другой странице html У меня есть параметры для разных настроек, таких как изменение цвета фона и т. Д. Одна из функций, которую я хочу добавить, - это скрыть или показать некоторые из функций списка на первой странице. Сейчас элемент списка выглядит следующим образом:

<li class="ui-state-default"> 
    <a href="settings.html"> 
    <img class="image" src="Buttons/Settings.png"/></a>Settings 
</li> 

Я знаю, что это, вероятно, может быть сделано с JavaScript, но как я могу ссылаться на каждый объект списка? Из того, что я могу сказать, вы не можете иметь поле name в теге <li>. Я пробовал искать Google, но я ничего не мог найти. Любая помощь приветствуется!

Answer 1

похоже, что вы используете jQuery UI. Вот как вы можете выбрать все <li> в примере кода с помощью class и петли через них, чтобы выполнить какое-либо действие:

jQuery('li.ui-state-default').each(function() { 
    // do something 
}); 

Если вы хотите настроить таргетинг на определенную <li>, вы должны дать ему уникальный ID , Например:

<li class="ui-state-default" id="thisone"></li> 

jQuery('li#thisone').show(); // show it 
jQuery('li#thisone').hide(); // hide it 

Если вы можете указать, что именно вы пытаетесь достичь, я могу быть в состоянии дать более конкретный пример.

Больше ресурсов здесь:
jQuery API Documentation
jQuery UI API Documentation