jquery로 문자 수를 기준으로 링크에 CSS 클래스 추가

Question

버튼과 같이 보이게하려면 배경에 동적으로로드되는 링크가 있습니다. 일부 링크는 두 줄을 차지하고 일부 링크는 한 줄을 차지합니다. 그들이 수직으로 중심을 잡을 필요가있는 방법.

문자 수에 따라 클래스를 추가하고 거기에서 패딩을 조정할 계획입니다. 링크의 텍스트가 이상 25 자하는 경우

'작은'클래스를 추가 - - 링크의 텍스트는 25 (공백 포함) 자 이하 그렇다면

클래스 '큰'

을 추가 어떻게 것 jQuery를 사용하여이 작업을 수행 하시겠습니까?

Answer 1

이 작업을 수행 할 수 있습니다 : 당신은 모든 링크를 원한다면

$(function() { 
    $("#backgroundID a").each(function() { 
    $(this).addClass($(this).text().length > 25 ? "large" : "small"); 
    }); 
}); 

, 그냥 $("a")로 선택을 변경합니다. 동적로드를 언급했지만 정확히 동적 인 것은 아닙니다 ... 아약스를 통해로드하는 경우 (예 : $.ajax())

$.ajax({ 
    //options... 
    success: function(data) { 
    //do stuff with links 
    $("a", data).each(function() { 
     $(this).addClass($(this).text().length > 25 ? "large" : "small"); 
    }); 
    } 
});