你在循环中如何定位一个类？

Question

所有的PHP代码都在post循环中，因此在添加新帖子时它也会获得按钮，当按下一个按钮时它会打开所有按钮和容器

<div class="col-sm-1 ">
        <span class="btn btn-sm album-song">
            <a class="btn btn-sm show-album-song">&#8897;</a>
            <a class="btn btn-sm hide-album-song">&#8896;</a>
        </span>
    </div>

<div class="container album-songs-show-hide">
    <div class="row">
        <div class="col-sm-4 name"><?php _e('Song Name', 'koband');?></div>
        <div class="col-sm-4"><?php _e('Song Length', 'koband');?></div>
        <div class="col-sm-4"><?php _e('Song Details', 'koband');?></div>
    </div>
    <div class="row" style="background-color: #d6d6d6; border-bottom: 1px solid #000;">         
    <?php foreach ($album_song_details[0] as  $value_song_details) { ?>
        <div class="col-sm-4"><?php echo $value_song_details['name-details']; ?></div>
        <div class="col-sm-4"><?php echo $value_song_details['length']; ?></div>
        <div class="col-sm-4"><?php echo $value_song_details['detail']; ?></div>

        <?php } ?> 
    </div>
</div>

而jQuery代码就在这里

$(".album-songs-show-hide").hide();
$(".hide-album-song").hide();
$(".show-album-song").click(function(){
    $(this).find(".album-songs-show-hide").slideDown(1000);// show container elements 
    $(".show-album-song").hide(); // button down hide
    $(".hide-album-song").show(); // button up show

});

Answer 1

感谢所有评论解决方案，但对我而言，这是适合您的解决方案

$(".album-songs-show-hide").hide();
$(".hide-album-song").hide();
$(".show-album-song").click(function(){
    $(this).closest("div.container").find(".album-songs-show-hide").slideDown(1000);// hide container elemnts 
    $(".show-album-song").hide(); // button down hide
    $(".hide-album-song").show(); // button up show

});