Php 一页上同时有两层的。问题

我这里有一个小的网站模型：

我正在使用jPlayer HTML5音频/视频。问题是它在wordpress循环中，当你点击底部的循环时，顶部的循环也会启动，反之亦然。如何确保每个jPlayer播放自己的音频歌曲

播放和暂停来自以下片段： $（“#button.button”）.bind（'mousedown'，function（）{ $（this.bind（'mouseleave'，function（））{ $（this.unbind（'mouseleave'）； onClick（）； }); });

我假设我需要使用php并为每个帖子ID设置一个变量，默认情况下，该变量在Wordpress中。但是我如何将post-ID插入到Javascript中，这样当我单击#post-1中的play按钮时，它会播放jPlayer音频，当我单击#post-2中的play按钮时，它会播放post-2音频。它看起来像是javascript和php的可怕混合，有什么帮助吗

埃塔：新想法：

// play/pause

$('.button').click(function() {
  $(this).attr('id');
    onClick()
});


function onClick() {        

    if(status != "play") {
        status = "play";
        $(this).attr('id').addClass( "play" );
        player.jPlayer("play");
    } else {
        $(this).attr('id').removeClass( "rotate" );
        $(this).attr('id').removeClass( "play" );
        status = "pause";
        player.jPlayer("pause");
    }
};

---

好的，您可以将click函数绑定到一个类，在函数中，您可以将$（这个）变量作为id或其他内容进行检查

e、 g

HTML:

编辑：

---

但是我为之构建的人并不精通php。所以我需要自动附加ID属性，他不能设置属性，这是wordpress通过我如何在Javascript中设置每个禅宗玩家的ID来实现的？？？我需要这样的东西：$（“#button.button”）.bind（'mouseup'，function（）{$（this.unbind（'mouseleave'）；onClick（）；}）；如何使每个ID唯一，但在javascript中包含唯一性？我不建议这样做，但有一件事是迭代所有按钮div，将ID附加到按钮，并将相同的ID添加到控件。使用$（'.button'）。每一个都和你的第一个想法一样。不管用，也许我不太明白。看一看我写的，玩家就在下面，这并不重要。状态用于查看播放机是否要播放，以确定按钮是否应播放或暂停。

// play/pause

$('.button').click(function() {
  $(this).attr('id');
    onClick()
});


function onClick() {        

    if(status != "play") {
        status = "play";
        $(this).attr('id').addClass( "play" );
        player.jPlayer("play");
    } else {
        $(this).attr('id').removeClass( "rotate" );
        $(this).attr('id').removeClass( "play" );
        status = "pause";
        player.jPlayer("pause");
    }
};

<div class="button" id="button-1">A Button</div>

$('.button').click(function() {
  $(this).attr('id');
  ... play music of id ...
});

$('.button').click(function() {
    onClick($(this).attr('id'));
});


function onClick(id) {        

    if(status != "play") {
        status = "play";
        id.addClass( "play" );
        player.jPlayer("play");
    } else {
        id.removeClass( "rotate" );
        id.removeClass( "play" );
        status = "pause";
        player.jPlayer("pause");
    }
};