Html 如何使用主干js动态传递函数的diff参数？

这是我玩的小提琴

这是我的html

<div id="search_container">a</div>
<script type="text/template" id="search_template">
    <label>Search</label>
    <input type="text" id="search_input" />
    <input type="button" class="button" id="search_button" value="Search" />
     <input type="button" class="button" id="a" value="asfasd" />
     <input type="button" class="button" id="b" value="Seaasdasdrch" />
     <input type="button" class="button" id="c" value="Seadasdasdasrch" />
</script>

我想为一组按钮调用相同的函数。但我想根据它们的值为它们提供不同的参数。 但它将第一个元素的值作为值。如何克服并赋予不同按钮独特的属性

---

请帮帮我

如果我正确回答了您的问题，我想您应该捕获以下按钮的不同值

<input type="button" class="button" id="search_button" value="Search" />
<input type="button" class="button" id="a" value="asfasd" />
<input type="button" class="button" id="b" value="Seaasdasdrch" />
<input type="button" class="button" id="c" value="Seadasdasdasrch" />

---

如果我正确回答了您的问题，我认为您希望捕获以下按钮的不同值

<input type="button" class="button" id="search_button" value="Search" />
<input type="button" class="button" id="a" value="asfasd" />
<input type="button" class="button" id="b" value="Seaasdasdrch" />
<input type="button" class="button" id="c" value="Seadasdasdasrch" />

doSearch: function( event ){
    // Button clicked, you can access the element that was clicked with event.currentTarget
    alert( "Search for " + $(event.currentTarget).attr('value') );
}