类attr的jQuery next()

时间:2014-05-30 01:46:58

标签: jquery

Html代码

<span class="Play" href ="media/Tagged - 357.mp3">
<span class="Play" href ="media/Tagged - 358.mp3">
<span class="Play" href ="media/Tagged - 359.mp3">
<span class="Play" href ="media/Tagged - 360.mp3">

我尝试设置歌曲播放器下一首/上一首歌曲按钮。是否有可能获得下一堂课attr href?

$("#fwd_btn").on('tap touch click',function () {        
    if(theMP3 !=undefined){
        theMP3.stop();
        currentSong++;
    }

    url_new = $(".Play").next().attr('href');
    playSound(url_new);

});

好的看看你的实际代码,跨度看起来不像你上面的那样。他们不是兄弟姐妹,他们在元素内部,所以next()将失败。另外不确定为什么跨度有href,最好使用数据属性。

第二次我进行了测试

enter image description here

它表明它找到了一个元素。因此,除非currentSong没有正确的值,否则我不确定为什么这样做不起作用。

您在代码中的内容是$(this).find(".Play"),这意味着您正在寻找<button><span class="Play" /></button>我知道的不是您拥有的内容。

1 个答案:

答案 0 :(得分:0)

那么你怎么知道什么是活跃的?

如果有课

url_new = $(".Play.active").next(".Play").attr('href');

如果没有课程,请使用索引

url_new = $(".Play").eq(currentSong).attr('href');
// might need to subtract 1 from currentSong...