2012-01-12 4 views
2
<table> 
    <tr><td test="1">aa</td><td test="2">bb</td><td test="3">cc</td></tr> 
</table> 

배경색 : 예 : 속성 테스트 = '2'에 대해 빨간색으로 설정할 수 있습니까?속성 CSS에 대해 CSS를 설정하십시오.

속성을 사용하고 싶습니다. 새 클래스 또는 ID를 추가하지 마십시오.

+1

'데이터 : 그에

대신 사용자 정의 특성을 설정하기 위해 HTML5 data-x를 사용할 수 있으며, 필터 - *'문제를 피하기 위해 커스텀 것들 대신 속성을 사용한다. 올바른 HTML),이 경우에는'data-test'입니다. – Viruzzo

+1

@ShonNocolis 왜 수업을 사용하지 않으시겠습니까? –

답변

4

이 시도 :

$("td[test="2"]").css("background-color", "red"); 

곰을 염두에가 무효 HTML 발생합니다 자신의 속성을 구성하지만.

HTML

<table> 
    <tr><td data-test="1">aa</td><td data-test="2">bb</td><td data-test="3">cc</td></tr> 
</table> 

jQuery를

var $cell = $('TD').filter(function() { 
    return $(this).data("test") == "2"; 
}); 
$cell.css("background-color", "red"); 

Example fiddle

당신은 사용해야
관련 문제