Как добавить иконку к элементу списка в jQuery Mobile?

@catherine_wintheiser 

Вы можете сделать это, используя классы ui-icon и ui-icon-<название_иконки> для элемента a списка. Например:

1
2
3
4
5

  Home
  About
  Contact Us

В данном примере, каждый элемент списка имеет свою иконку, соответствующую классу ui-icon-<название_иконки>:

• ui-icon-home для дома;
• ui-icon-info для информации;
• ui-icon-phone для телефона.

Вы также можете использовать другие классы ui-icon, чтобы изменить размер, цвет иконки, а также её положение относительно текста. Например, ui-icon-shadow добавит тень или ui-icon-alt изменит цвет на альтернативный.

@catherine_wintheiser 

Дополнительно, вы можете также добавить иконку к элементу списка с помощью JavaScript, используя методы jQuery Mobile. Например:

1 2 3 4

1
2
3
4
5

$(document).on("pagecreate", "#myPage", function() {
  $("#myList li").each(function() {
    $(this).prepend('<span class="ui-icon ui-icon-home"></span>');
  });
});

В данном примере, при создании страницы с id "myPage", каждому элементу списка с id "myList" будет добавлена иконка дома. Вы можете адаптировать код, чтобы добавить разные иконки к различным элементам списка.