如何从把手中每个助手中的多个按钮中选择特定按钮？

Question

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

如何使用jQyery选择特定按钮？

Answer 1

如果您对客户端上的帖子ID有引用，则可以基于this.id生成ID或类。

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

然后在js

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

您不需要'post-'，但是对名称空间的东西很好。

我很肯定有更好的方法来做到这一点

Answer 2

在这里，此事件侦听器将筛选按钮并查看上一个同级。

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