반응형
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
반응형
'IT TIP' 카테고리의 다른 글
jQuery UI datepicker를 * 완전히 * 제거하려면 어떻게합니까? (0) | 2020.12.03 |
---|---|
사람들이 코드에 메시지 / 이벤트 버스를 사용하는 이유는 무엇입니까? (0) | 2020.12.03 |
목록 항목 내에서 div를 사용할 수 있습니까? (0) | 2020.12.03 |
Entity Framework로 단일 열을 선택하는 방법은 무엇입니까? (0) | 2020.12.03 |
Vim에서 긴 Git 커밋 메시지를 자동으로 래핑 (0) | 2020.12.03 |