javascript - HTML class = Ajax action,如何让点击的类调用好的action?

标签 javascript jquery html algorithm

上下文

我在几行上有 3 个按钮(编辑、删除、取消订阅)。

这 3 个按钮是 3 个不同的类,但具有相同的点击处理程序。

这个类等于用于 ajax 调用的 3 个 Action 的名称。

所以在点击处理程序中,我需要检索已点击的选择器的特定部分。

目前我使用我编写的以下代码

问题

在 2-3 行中使用 class=action 系统,有没有更好的方法来解决我的问题?

我正在寻找类似的东西,但我没有找到:

$.post(url + '&action=' + classClickedIntoTheSelector.replace(/\./g, '') ...

代码 + JSFiddle

<button class="actionLink edit btn">Éditer</button>
<button class="actionLink delete btn btn-warning">Supprimer</button>​
$('.edit, .delete').click(function () {
    var a = $('.this, .that').selector.replace(/\./g, '').split(', ');
    var b = $(this).attr('class').split(' ');
    var action;
    
    for (var i = 0; i < a.length; i++) {
        for (var j = 0; j < b.length; j++) {
            action = a[i] == b[j] ? a[i] : action;
        }            
    }
    
    $.post(url + '&action=' + action...
});​

最佳答案

试试这个...

var l = function (x) { return console.log(x); };

$('.this, .that').click(function () {
    var $this = $(this);        
    if ($this.hasClass("this")) {
        l("this");
    }
    if ($this.hasClass("that")) {
        l("that");
    }
});​

http://jsfiddle.net/3wj3R/2/

关于javascript - HTML class = Ajax action,如何让点击的类调用好的action?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12282646/

相关文章:

javascript - Bootstrap + JQuery : How break lines of spans in div dynamically created by append

html - 为什么我的弹出菜单隐藏在某些内容下面

JavaScript 确认窗口

javascript - 在 JavaScript 中分割网页 URL,但不分割哈希后的 URL

javascript - Bootstrap 表单验证 - 颜色不变

jquery - 无法在数据表中一次删除多行

html - 多个响应式背景图片

javascript - 如何在 Chrome 中关闭选项卡时切换到正在运行的程序

javascript - 如何保护 JavaScript 文件?

javascript - jQuery Ajax 如果提交时的变量可以隐藏按钮