Javascript 带参数的Jquery自定义函数

Javascript 带参数的Jquery自定义函数,javascript,jquery,html,Javascript,Jquery,Html,我有发送submitTask(takk,layout)函数的链接(我自己的函数,她向表单添加值并发送)。我想将这个函数与jQuery结合起来。我做过这样的东西 $(function() { $('#edit').click(function(e) { e.preventDefault(); submitTask('edit','edit'); }); }); 为了 实际上,使用突兀的事件处理程序通常是不好的做法-最好先使用第一个示例,然后使用类

我有发送submitTask(takk,layout)函数的链接(我自己的函数,她向表单添加值并发送)。我想将这个函数与jQuery结合起来。我做过这样的东西

$(function() {
    $('#edit').click(function(e) { 
        e.preventDefault();
        submitTask('edit','edit');
    });
});
为了


实际上,使用突兀的事件处理程序通常是不好的做法-最好先使用第一个示例,然后使用类来处理单击

例如,您的标记可以更改为:

<a href="#" class="customClick" id="edit">Click Me</a>
如果需要定义与操作不同的布局,请使用
switch()
语句:

$('a.customClick').on('click', function(e) {  
    e.preventDefault();
    var action = $(this).prop('id'),
        layout;

    switch(action)
    {
        case 'edit':
            layout = 'edit';
            break;
    }
    submitTask(action, layout);
});

看看这个:但是如果我想得到不止一个属性,在我的示例中,这两个属性都是“编辑”的,但是如果它们不同的话。只有一个id。如何解决这个问题?使用
switch
语句,然后根据单击的元素的id分配
layout
。这是可行的,但我不喜欢jQuery xD中的情况。也许是因为我开始使用它,而我不习惯这种编程方式。谢谢你的帮助。
function jqueryFunction(task,layout){
$('a').preventDefault();
submitTask(task,layout);
}
<a href="#" class="customClick" id="edit">Click Me</a>
$('a.customClick').on('click', function(e) {  
    e.preventDefault();
    var action = $(this).prop('id');
    submitTask(action, action);
});
$('a.customClick').on('click', function(e) {  
    e.preventDefault();
    var action = $(this).prop('id'),
        layout;

    switch(action)
    {
        case 'edit':
            layout = 'edit';
            break;
    }
    submitTask(action, layout);
});