jQuery：獲得「二級」類

Question

我正在使用jQuery來遍歷文檔中的某些元素。這些元素的類型爲<tr>，類別爲.input-row。某些元素也可以有一個輔助類（例如.input-area）。

我使用$(".input-row").each()循環遍歷元素，但是如何確定$(this)元素是否具有「輔助」類，如果是，請獲取此名稱？

Answer 1

$(".input-row").each(function(){ 
    $.each($(this).attr('class').split(/\s+/), function(i, v){ 
    if(v !== 'input-row'){ 
     alert(v); 
    } 
    }); 
}); 

Answer 2

可以使用attr得到所有類的列表，你可以簡單地擺脫類的你來選擇的元素：

$(".input-row").each(function() { 
    var allClasses = $(this).attr("class"), 
     otherClasses = allClasses.replace("input-row", ""); 
}); 

如果元素有兩個以上的班，那麼你將留下其他類的列表。要將它們分開，您可以在空格中使用split。

Answer 3

您可以獲取元素上的所有類，然後刪除您知道存在的類（'input-row'），然後您將在該元素上留下任何其他類。

$('.input-row').each(function() { 
    var classes = $.trim($(this).attr('class').replace('input-row', '')); 
    if (classes.length > 1) { 
     alert(classes) // Names of all of the remaining classes 
    } 
} 

如果您想單獨獲取它們，可以使用classes.split（''）來獲取數組。

Answer 4

我更喜歡聲明式的方法。你知道哪些類可以有，所以對他們寫的情況：

$(".input-row").each(function() { 
    var myClasses = this.className.split(" "); 
    $.each(myClasses, function (i, className) { 
    if (className != 'input-row') { 
     alert(className); 
    } 
    }); 
}); 

：

$(".input-row.input-area").each(/* ... */); 
$(".input-row.input-field").each(/* ... */); 

如果您由於某種原因不知道類的名字，你可以沿着線提取它

Answer 5

你也可以做這樣的事情來檢測類的數量：

var nc = $('#myId').attr('class').split(' ').length; 

那麼如果nc大於1：

$('#myID').attr('class').split(' ')[1] 

應該返回 '次要' 類

見a fiddle

Answer 6

我會去這個

var otherClasses = $('.input-row').attr('class').split(' '); 
otherClasses.splice($.inArray("input-row", otherClasses),1); 

簡單地做這

var otherClasses = $('.input-row').attr('class').replace('input-row', '').split(' '); 

由於「輸入行」後面的空格，會給你一個額外的字符串，其中有一個空的值。