How to select specific button from multi buttons inside each helper in Handlebars?

Question

{{#each posts}}    
   <input type="hidden" value="{{this.id}}" name="storeInput">
   <input type="button" value="Save" name="store">
{{/each}}

how to select specific button with jQyery?

Answer 1

Here, this event listener will filter on the buttons and the look at the previous sibling.

document.addEventListener('click', (e) => {
  if(e.target.matches('[type="button"]')) {
    console.log(e.target.previousElementSibling.value);
  }
});

<input type="hidden" value="1" name="storeInput">
<input type="button" value="Save" name="store">
<input type="hidden" value="2" name="storeInput">
<input type="button" value="Save" name="store">
<input type="hidden" value="3" name="storeInput">
<input type="button" value="Save" name="store">
<input type="hidden" value="4" name="storeInput">
<input type="button" value="Save" name="store">