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