요소 선택기가있는 조건부 서식

Question

href이 없거나 비어있는 모든 링크를 강조 표시하려고합니다. http://jsfiddle.net/nSMEf/

$(document).ready(function() { 
    if ($('.green').attr("href") == "" || typeof $('.green').attr("href") === 'undefined'){ 
     $('.green').attr('class', 'yellow'); 
    } 

    if ($('.blue').attr("href") == "" || typeof $('.blue').attr("href") === 'undefined'){ 
     $('.blue').attr('class', 'yellow'); 
    } 
}); 

내가 문이 적용 듯 경우 만있는 링크가 먼저 온 것을 발견하고, 다음의 모든 링크가 같은 스타일 될 것이다 : 나는 다음 썼다. 두 번째 "파란색"그룹은 첫 번째 그룹과 동일하지만 순서가 전환되었습니다.

내 접근 방식이 옳지 않습니다. 노란색 클래스를 각 요소에 조건부로 (href가 비어 있거나 없으면) 적용 할 수 있습니까?

Answer 1

것이 도움

$("a").each(function(){ 

     if(!($(this).attr("href")) || $(this).attr("href") == "") { 
      $(this).addClass("yellow"); 
     }  
    }); 

업데이트 jsfiddle : 위의 코드 http://jsfiddle.net/nSMEf/3/

편집 주석

$("a").each(function(){ 
    var self = $(this).attr("href"); 
    if(!(self) || self == "") { 
     $(this).addClass("yellow"); 
    }   
}); 

Answer 2

의 제안 안녕 데모http://jsfiddle.net/5ehtZ/에 따라 || http://jsfiddle.net/5ehtZ/2/

코드

$("a").each(function(){ 
    //do something with the element here. 
    if (!($(this).attr("href")) || $(this).attr("href") == ""){ 
     // now blue and green diff is not needed because you append yellow if they are empty. 
     $(this).attr('class', 'yellow'); 
    } 

}); 
​ 

Answer 3

기다립니다 .. 무엇?

jQuery 선택기가 작업을 수행하지 않습니까?

$ ('blue [href = ""]'). addClass ('yellow');