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

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

2 个答案: