jQuery获取一个包含2个类的元素的类

Question

<button class="update vacancy-submit" tabindex="2">Save</button>

$('.vacancy-submit').click(function(){
    var type = $(this).attr('class').not('.vacancy-submit');
    console.log(type);
});

我正在尝试将按钮的类放入变量中，该变量应该是update而不是update vacancy-submit

Answer 1

如果它始终是第一堂课：

$('.vacancy-submit').click(function(){
    var type = this.className.split(/\s+/).shift();
    console.log(type);
});

FIDDLE

Answer 2

您需要替换类属性值的不需要部分

var type = $.trim($(this).attr('class').replace('vacancy-submit', ''));

Answer 3

以下代码将从您获得的字符串中删除vacancy-submit。

$('.vacancy-submit').click(function(){
    var type = $(this).attr('class').replace('vacancy-submit','');
    console.log(type);
});

Answer 4

尝试此操作以获取类属性

中的第一个类的名称

function classname() {
         var myClassName = $('#id').attr('class').split(' ');
        var firstName = myClassName[0];
      }

Answer 5

经过深思熟虑，我实际上建议您定义以下JQuery扩展来隔离问题并使其更具可重用性：

jQuery.fn.firstClass = function() {
    return this.attr('class') ? this.attr('class').split(' ')[0] : "";
   };

然后你只需：

$('.vacancy-submit').click(function(){
    var type = $(this).firstClass();
    console.log(type);
});

在此处更新了JSFiddle：http://jsfiddle.net/TrueBlueAussie/Bh8JT/1/

包含0,1个或更多类的测试用例。