0

現在、私のブログには 2 つの記事があります。投稿のマークアップは次のとおりです (少し削除されています)。 

<div class="post audio" id="post_27">
    <div class="subpost">
        <div class="jp-jplayer">
            <!-- Other unimportant code -->
        </div>
    </div>
</div>
<div class="post audio" id="post_26">
    <div class="subpost">
        <div class="jp-jplayer">
            <!-- Other unimportant code -->
        </div>
    </div>
</div>

そしてjQuery：

$(document).ready(function(){
    var post_id = $(".jp-player").parents(".audio").attr("id");
    $(".jp-jplayer").attr("id", "jp_" + post_id);

    $("#jp_" + post_id).jPlayer({
        ready: function (event) {
            $(this).jPlayer("setMedia", {
                m4a: "media link..."
            });
        },
        swfPath: "/feathers/audio/jplayer",
        supplied: "m4a",
        cssSelectorAncestor: "#jp_container_" + post_id,
        wmode: "window",
        smoothPlayBar: true,
        keyEnabled: true
    });
});

jQuery を使用してjp-jplayer DIV の ID をそれぞれのオーディオの親と同じに設定する方法を知りたいです。これは何時間も私を悩ませてきたので、どんな助けも大歓迎です!

4

1 に答える 1

0

あなたはこのようにすることができます -

$(".jp-player").prop('id',function(){
  return "jp_" + $(this).closest('.audio').prop('id');
})
于 2013-07-11T15:41:43.857 に答える