我有一个带有类似于此的标记的项目列表:
<article class="day past">
<div class="schedule schedule-261 event">
<h4>Title</h4>
<p>Lorem ipsum...</p>
</div>
</article>
<article class="day past">
<div class="schedule schedule-283 event">
<h4>Title</h4>
<p>Lorem ipsum...</p>
</div>
</article>
<article class="day past">
<div class="schedule schedule-290 event">
<h4>Title</h4>
<p>Lorem ipsum...</p>
</div>
</article>
<article class="day past">
<div class="schedule schedule-261 event">
<h4>Title</h4>
<p>Lorem ipsum...</p>
</div>
</article>
<article class="day past">
<div class="schedule schedule-290 event">
<h4>Title</h4>
<p>Lorem ipsum...</p>
</div>
</article>
<article class="day past">
<div class="schedule schedule-300 event">
<h4>Title</h4>
<p>Lorem ipsum...</p>
</div>
</article>
<article class="day past">
<div class="schedule schedule-261 event">
<h4>Title</h4>
<p>Lorem ipsum...</p>
</div>
</article>
schedule-NUMBER
类别是根据数据库中的项目 ID 分配的。基本上,这是来自具有重复事件的日历的标记,因此某些事件将共享相同的数据库记录。
如果一个项目是“重复的”(即存在多个 div ),我想为所有divschedule-261
添加/删除一个额外的类。schedule-261
如果一个项目不是“重复的”(即只有一个 div 带有schedule-283
),则悬停时不会应用额外的类。
jQuery 是这个特定项目的首选库,因此首选 jQuery 解决方案。
谢谢!