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.

Например, есть 5 сообщений и 5 кнопок, автоматически созданных на основе data-post_id.

Когда нажата кнопка, на основании ее data-post_id, я хочу вызвать событие click на соответствующем якоре с тем же 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(); 
});