jQuery点击“data-post_id”

Question

所以，我有一个锚链接和一个按钮。

锚点是动态生成的，如下所示：

 echo <a href="#something_else" class="my_class" data-post_id="' . esc_attr( $post->id ) . '" >' . Title . '</a>';

如您所见，主播从data-post_id获得$post->id。

我有一个简单的按钮。

<button class="my_button" pro type="button">
    <?php echo $post->title(); ?>
</button >  

我正在尝试这样做，以便在单击按钮时，还会根据data-post_id点击锚点。

例如，根据data-post_id自动生成5个帖子和5个按钮。

单击某个按钮，然后根据其data-post_id，我想在相应的锚点上使用相同的data-post_id触发点击事件。

是否有jquery或其他更简单的方法呢？

谢谢！

Answer 1

将data-post_id设置为按钮，然后在单击时使用它找到锚标记。之后，您可以使用 click() 或 trigger('click')

触发点击事件

<强> PHP：

<button class="my_button" pro type="button" data-post_id="' . esc_attr( $post->id ) . '">
    <?php echo $post->title(); ?>
</button >  

jQuery：

$('button').click(function(){
   $("a[data-post_id='" + $(this).data("post_id") + "']").click();
});