php - 保存唯一的 "post_id"来定位div

Question

这是设置。

<?php echo '<button type="button" class="rh_show_button" data-post_id="' . esc_attr( $post->id ) . '">' ;?>
    Setting
<?php echo '</button>';?>
<?php echo '<div class="rh_content" style="display:none;" data-post_id="' . esc_attr( $post->id ) . '">' ;?>
    Content
<?php echo '</button>';?>

<script>
 jQuery(".rh_content[data-post_id='" + jQuery(this).data("post_id") + "']").click(function(){
    jQuery(".rh_show_button[data-post_id='" + jQuery(this).data("post_id") + "").show();
  });     
</script>

有一个按钮，并且有一个隐藏的 div。

假设有 10 个按钮+内容。他们每个人都有唯一的post_id。所以，这就是我想做的。

1. 点击按钮后，就会保存唯一的post_id。
2. 保存的 post_id 用于定位具有该 post_id 的 div，然后仅显示该特定 div。

我的脚本正确吗？

Answer 1

当您尝试在加载时绑定(bind)元素时，

$(this) 将不可用。不要忘记将以下内容放入 $(document).ready();

jQuery(document).ready(function(){
    jQuery(".rh_content").click(function(){
        post_id = jQuery(this).data("post_id");
        if(post_id.length > 0)
           jQuery(".rh_show_button[data-post_id='" + jQuery(this).data("post_id") + "").show();
    });   
})

回复评论。

jQuery(this) 的值仅在绑定(bind)到元素的函数内部可用。 if(post_id.length > 0) 表示单击的类 rh_content 元素中存在数据属性 post_id。