怎么把这个弄简洁一点？只是复制的按钮和内容不一样

Question

怎么把这个弄简洁一点？只是复制的按钮和内容不一样~
$(document).ready(function(){
$('#copymo1').zclip({
path: '../js/ZeroClipboard.swf',
copy: function(){
return $('#mo1').val();
},
afterCopy: function(){
alert("复制成功!");
}
});
$('#copymo2').zclip({
path: '../js/ZeroClipboard.swf',
copy: function(){
return $('#mo2').val();
},
afterCopy: function(){
alert("复制成功!");
}
});

$('#copymo3').zclip({
path: '../js/ZeroClipboard.swf',
copy: function(){
return $('#mo3').val();
},
afterCopy: function(){
alert("复制成功!");
}
});
});

Answer 1

                $("[id^='copymo']").each(function (i) {
                    $(this).zclip({
                        path: '../js/ZeroClipboard.swf',
                        copy: function(){
                            return $('#mo'+i).val();
                        },
                        afterCopy: function(){
                            alert("复制成功!");
                        }
                    });
                });

Answer 2

楼上的方法不错，当然我个人觉得也可以把这个方法封装成一个方法，然后传递变化值得参数。比如说function（A,B）{}。
A可以是指要选择的那个元素，B是那个要变化的元素。在这里，A就是指#copymo1、#copymo2、#copymo3。
B就是指#mo1、#mo2、#mo3这些。封装有一个好处，只要指定参数就行了。楼上的有点取巧的是，你的三个方法的选择器名称很有规律，所以用each来循环一下。