Я пытаюсь создать динамический список избранного в этом приложении, над которым я работаю.В настоящее время моя проблема заключается в том, что я не могу направить событие на переключение определенных имен классов li.У меня есть большой список ли и отдельных страниц, связанных с ними.Каждая страница имеет строку заголовка с несколькими ссылками на изображения, номером телефона и т. Д. Последнее изображение - это звезда, которая должна быть синей, когда пользователь нажимает на нее, а также переключать класс соответствующего элемента li на другой странице.Я не хочу писать отдельный код для каждого элемента, и я все больше разочаровываюсь, пытаясь сопоставить каждый щелчок звездочкой с одним из 37 элементов li ... Я использовал jquery, но не могу понять это ...
div, содержащий элементы li, которые мне нужно переключить, чтобы клонировать их в другой список "избранных"
<div id="barlist">
<div class="toolbar"><h1>Bar List</h1><a class="button back"Back</a>
<a class="button flip" Settings</a>
</div>
<ul class="edgetoedge">
<li class="aleHouse"><a Ale House</a></li>
<li class="argyle"><a Argyle</a></li>
<li class="bearlys"><a Bearlys</a></li>
<li class="bostonPizza"><a>Boston Pizza</a></li>
</ul>
</div>
соответствующая страница с изображением звезды
<div id="aleHouse">
<div class="toolbar"><h1>Ale House</h1><a class="button back" >Back</a>
</div>
<div>
<div class="blackBar">
<img class="white" img src=".../whitestar40(png)" alt="star">
</div>
$("document").ready(function() {
$("#barlist li[class=fav]").clone().appendTo("#favorites[class=edgetoedge]");
});
$("document").ready(function() {
$(".white").click(function() { $(???this???).toggleClass(".fav"); })
});
, например, когдаНажмите на whitestar40, я хочу, чтобы он стал синим, а также клонировал эль-хаус li (который был нажат, чтобы попасть на эту страницу) и добавить в мой список избранных на другой странице