검색된 테이블 데이터 및 열 강조 표시

일부 데이터가있는 표가 하나 있습니다. 이벤트가 끝나면 칼럼을 강조하고 싶습니다.검색된 테이블 데이터 및 열 강조 표시

jQuery('#tableFilter td:eq(2)').each(function(){ 
    jQuery(this).css('background-color','#cc0');});

는하지만 그것은 심지어 내가 각 기능을 사용하고 하나의 셀을 강조 표시합니다.

jQuery('#tableFilter tr').find('td:eq(2)').css('background-color','#cc0');

사용하는 경우 : eq (2).이 값이 사용되면 해당 셀만 강조 표시됩니다. – Gopesh

또한 CSS 클래스를 사용하는 것이 좋습니다. 스타일 시트에서 나중에 선택한 셀에 적용되는 특정 색과 스타일을 변경하는 것이 자바 스크립트에서 위치를 변경하는 것보다 변경하는 것이 훨씬 쉽습니다. – GregL

당신의 선택은 그 내부의 각 <tr>에서 3 <td>을 가지고 오히려 "보다"모든 <td> 요소 #tableFilter 내부 만 3 일을 고려 "말한다 :

2012-02-21 08:08:16 GregL

세부 사항 및 코드를 보내 주셔서 감사합니다. 그 지금 일하고있다 :) –

이, 그 작은 해결 방법을 시도해보십시오 테이블 "로해야합니다. ,

jQuery('#tableFilter tr').each(function() { 
    jQuery(this).find('td:eq(2)').css('background-color', '#cc0'); 
});

2012-02-21 08:07:31 silly

롤, 내 것과 거의 동일한 코드, 내가 게시하기 몇 초 전에,하지만 당신은 왜 그의 코드가 작동하지 않았는지 설명하지 않았다. 그러나 우리 모두 올바른 접근 방식에 동의하게 된 것을 기쁘게 생각합니다. – GregL

ok 나는 더 작은 해결책으로 나의 대답을 바꿨다;) – silly

니스, 나는 그것을 일직선으로 그 방식으로 생각하지 않았다. AFAIK, jQuery는 코드 뒤에서'.each() '루프를 수행하기 만하면 코드를 어지럽게 만들지 않습니다. :-) – GregL

이 시도

바이올린

2012-02-21 08:18:10

고맙다 Akhil. 그 작업 :) –

가장 짧은 코드에서 업데이트를 확인합니다

이 여러분이 원하는 것을 할 것 제 3의 칼럼을 강조하다 mn :

$ ('# tableFilter td : nth-child (3)') css ('background', '# cc0');

2012-02-21 08:31:59

좋고 간결하며': nth-child()'선택자를 잘 사용합니다. – GregL

답변