我有以下页面结构
<div class="main">
<article class="article">
<!-- ... -->
<div class="article-footer>
<ul>
<li><a href="#" class="article-play" data-play="3" data-src="http://..."></a></li>
<li>...</li>
<!-- ... -->
</ul>
</div>
</article>
<article class="article playing"> <!-- Notice Additional Class .playing
<!-- ... -->
<div class="article-footer>
<ul>
<li><a href="#" class="article-play" data-play="3" data-src="http://..."></a></li>
<li>...</li>
<!-- ... -->
</ul>
</div>
</article>
<!-- ... -->
</div>
所以我想做的是,在这个点击功能中:
$(".audiojs .play-pause").click(function() {
<!-- Code Here -->
})
单击时,将锚标记内的数据属性替换.article-play
为文章内的类,类.playing
从data-play="3"
到data-pause="4"
,但是以某种方式检查是否存在data-play="3"
,单击时将其替换为data-pause="4"
否则,如果存在data-pause="4"
则将其替换为data-play="3"