jquery - 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);
});

小提琴

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 个或更多类的测试用例。