Как выбрать конкретную кнопку из нескольких кнопок внутри каждого помощника в руле?

Question

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

как выбрать конкретную кнопку с помощью jQyery?

Answer 1

Здесь этот прослушиватель событий будет фильтровать по кнопкам и взглянуть на предыдущего родного брата.

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">

Answer 2

Если у вас есть ссылка на идентификатор записи на клиенте, вы можете создать идентификатор или класс на основе this.id

<input type="hidden" id="post-{{this.id}}" value="{{this.id}}" name="storeInput">

, затем в js

const buttonEl = $('#post-' + post.id);

Youмне не нужно 'post-', но это хорошо для пространства имен.

Я уверен, что есть лучший способ сделать это, кстати