我正在尝试在我正在处理的这个应用程序中创建一个动态收藏夹列表。我目前的问题是我无法指示事件来切换特定的 li 类名称。我有一个很大的 li 列表和与之相关的单独页面。每个页面都有一个标题栏,其中包含多个图像链接、电话号码等。最后一个图像是一个星形,当用户单击它时我需要将其变为蓝色,并在另一个页面上切换其对应的 li 元素的类。我不想为每个元素编写单独的代码,我越来越沮丧地尝试将每个星形点击与 37 个 li 元素之一关联起来......我使用过 jquery,但无法弄清楚......
包含 li 元素的 div 我需要切换才能将它们克隆到另一个“收藏夹”列表
<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 时,我希望它变成蓝色,并克隆 the ale house li(点击进入此页面)并附加到另一个页面上的我的收藏夹列表