IT TIP

jQuery를 사용하여 모든 행에서 첫 번째 TD 선택

itqueen 2020. 12. 3. 21:33
반응형

jQuery를 사용하여 모든 행에서 첫 번째 TD 선택


표에있는 모든 행의 모든 ​​첫 번째 셀에 스타일을 지정하려면 어떻게합니까?

$("#myTable tr td:first").addClass("black");

:first-child대신 의사 클래스를 사용하십시오 :first.

$("#myTable tr td:first-child").addClass("black");

:first의사 클래스는 실제로 목록에 반환 된 첫 번째 요소를 선택합니다. 예를 들어 $('div span:first')는 반환 된 첫 번째 div 아래의 첫 번째 범위 반환합니다.

:first-child의사 클래스는, 특정의 부모 아래의 첫 번째 요소를 선택하지만, 많은 요소로 반환 먼저 어린이가있는 것처럼. 예를 들어, $('table tr td:first-child')모든 단일 행의 첫 번째 셀을 반환합니다.

을 사용하면 :first선택한 첫 번째 행의 첫 번째 셀만 반환되었습니다.

자세한 내용은 jQuery 문서를 참조하십시오.


당신은 꽤 가까웠습니다. 필요한 것은. :first-child대신 :first다음과 같은 것입니다.

$("#myTable tr td:first-child").addClass("black");

이렇게 :

$("#myTable tr").each(function(){
    $(this).find('td:eq(0)').addClass("black");
});

$("#myTable tr").find("td:first").addClass("black");

시험:

$("#myTable td:first-child").addClass("black");

참고 URL : https://stackoverflow.com/questions/6155293/select-first-td-in-every-row-w-jquery

반응형