保存唯一的“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. 点击button后，系统会保存唯一的post_id。
2. 已保存的post_id用于找到具有该post_id的div，然后仅显示该特定div。

我的脚本是否正确？

Answer 1

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

nextLine()将不可用。别忘了将以下内容放在$(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)表示带有类if(post_id.length > 0)的点击元素中包含数据属性rh_content。