2010-03-15 3 views
1

를 통해 형제 자매의 n 번째의 아이를 찾기.내가 같이 두 개의 테이블이의가 있다고 가정 해 봅시다 jQuery를

$('table tr td:nth-child(3)') 

을하지만 3 TD는 각 테이블의 다른 열에서와 같이 즉, 작동하지 않을 것 :

는 처음에는 같은 n 번째의 아이를 사용하고 있었다.

의사 코드에 필요한 것은 '각 행에 세 번째 TD 또는 TH가 있어야합니다.'입니다.

$ .siblings을 사용해야하지만 완전히 확신 할 필요는 없다고 가정합니다.

답변

6

이 나를 위해 작동합니다

$('table tr :nth-child(3)').css('background-color', 'red'); 

그것은 (두 테이블 작동) '빨간색'으로 3 열의 배경색을 설정합니다.

:nth-child(3) 앞에 tr:nth-child(3) 사이에 공백이 있고, td 사이에 공백이 없어야합니다.

예제 코드는 check out this site이며 실험 해 볼 수 있습니다.

+0

아! 우주. 'tr : nth-child()'와 'tr : nth-child()'의 큰 차이! 그게 도움이! –

2

당신은 :nth-child 선택에 관계없이 선택 일치 얼마나 많은 형제 자매, 부모의 N 자녀 요소를 선택 $('table tr *:nth-child(3)')

작성해야합니다.

:eq 선택기에 대해 (잘못) 설명하고 있습니다.

+1

실제로 그는 선택자로 존재하지 않는 것을 설명하고 있습니다. 'table tr td : eq (3)'은 tr 내부의 테이블에서 네 번째 (eq의 0 기반 인덱스) td를 반환 할 것이고, 다른 테이블은 반환하지 않을 것이다. – gnarf

+0

tr : nth-child (3)은 세 번째 TR을 반환합니다. 나는 TR의 세번째 아이를 돌려 줄 필요가있다. 그러나 그 아이는 TD 나 TH –

+0

@DA 일 수 있습니다 : 그러면'tr * : nth-child (3)'을 써야합니다. – SLaks

관련 문제