jquery - 使用.this從一組按鈕中選擇一個特定的按鈕

Question

我有一組按鈕都具有相同的類名，有些時候，如果沒有URL，將需要灰化一個按鈕。我試圖通過向該特定按鈕添加一個css類.not-available來實現。但是這也將類名添加到所有其他按鈕。下面是代碼：

$('a').each(function(index) { 
    if($(this).attr('href') == '') { 
     $('.button').addClass('not-available') 
    } 

Answer 1

你的if語句引用$('.button')這將影響.button所有實例，而不只是一個空白href。將您的選擇器更改爲$(this)，這將只針對您的條件中匹配的選擇器。

$('a').each(function(index) { 

if($(this).attr('href') == '') 
{ 
    $(this).addClass('not-available') 
} 

Answer 2

這工作，我測試了... 使用「查找（）」方法來實現這一目標？

$('a').each(function(index) { 
    if($(this).attr('href') == '') { 
     $(this).find(".button").addClass('not-available'); 
    } 
}