如何优化此jQuery脚本？

问题描述：

我是一个jQuery的“菜鸟”，我需要一点点澄清...... 我有这种形式如何优化此jQuery脚本？

<form id="myform"> 
    <div id="sectionA"> 
     <button id="button1"> 
    </div> 
    <div id="sectionB"> 
     <button id="button2"> 
    </div> 
    <div id="sectionC"> 
     <button id="button3"> 
    </div> 
</form>

要触发每个按钮我

$("#button1").click(function() { $("#myform").submit(); }); 
$("#button2").click(function() { $("#myform").submit(); }); 
$("#button3").click(function() { $("#myform").submit(); });

如何我写的点击只有一个函数不能重复3次相同的代码？谢谢 Chri

一次选择所有三个按钮。或者，让他们全部'type =“submit”'并删除javascript。 – 2013-02-15 20:56:20

使用$（'按钮'） – Shanimal 2013-02-15 20:56:48

请记住关闭按钮，它们不是无效元素。 – 2013-02-15 20:58:34

答

您可以使用一个选择器选择多个ID。

$('#button1, #button2, #button3').click(function() { 
    $('#myform').submit(); 
});

然而，这会变得笨重，所以我建议使用类的按钮，你想有这种行为。

<button class="clickable"></button> 

$('.clickable').click(function() { 
    $('#myform').submit(); 
});

答

$('button').click($('form').submit);

如何优化此jQuery脚本？

相关推荐