仅将jQuery click事件绑定到某些按钮

Question

我有一个动态创建各种输入的网站.

我有3个特定的输入,我想在点击时调用JQuery函数.

<input type="button" name="Finish" value="Finish">
<input type="button" name="Update" value="Update">
<input type="button" name="Cancel" value="Cancel"> 

使用此代码:

jQuery(":button").click(function(){
    //Do summat
}):

但是当我只想要上面的3个输入来调用函数时,这使得页面上的所有输入都调用了函数.这可能吗？

uggers

Answer 1

给他们一个类名,并在选择器中使用它.例如class="clickyButton"和$('.clickyButton').click(function() { /* your code *) });

在旁注中,没有必要写jQuery而不是$.如果由于某种原因(并因此调用$.noConflict();)而不想在全局命名空间中使用$ ,您仍然可以将代码包装在包含$映射到jQuery 的函数中:

(function($) {
    /* your code using $ here */
})(jQuery);

Answer 2

使用父元素来正确设置按钮的范围

的HTML

<div id="my-group">
    <input type="button" name="Finish" value="Finish">
    <input type="button" name="Update" value="Update">
    <input type="button" name="Cancel" value="Cancel">
</div>

<div id="not-my-group">
    <input type="button" name="Finish" value="Finish">
    <input type="button" name="Update" value="Update">
    <input type="button" name="Cancel" value="Cancel">
</div>

JS

$("#my-group :button").click(function(){
    alert('foobar');
});

http://jsfiddle.net/wpELC/2/

使用父选择器#my-group将使您仅定位特定的按钮组。