이것처럼 보이는 테이블이 돔에 있습니다
<div id="table">
<table>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>d</td>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>d</td>
</tr>
</div>
$('#table').each(function(){})
와 같은이 테이블을 반복하고 싶습니다.
그러나 나는 두 번째 열을 반복하고 싶습니다. 따라서이 예에서 값은 b입니다.
어떻게해야할까요?
감사합니다!
- 답변 # 1
- 답변 # 2
nth-child
사용 jQuery의 선택기, 작동해야합니다 :$("#table").find("td:nth-child(2)").each(function () { });
이것은
nth-child
를 사용합니다 링크 상태로 모든<td>
를 선택하는 선택기 http://api.jquery.com/nth-child-selector/ 부모의 두 번째 자식 인 요소 (<tr>
) ).다음은 그것을 보여주는 바이올린입니다 : http://jsfiddle.net/GshRz/
<td>
를 얻는 선택기를 찾고 있다면 중첩 된 테이블이 아닌 테이블에 바로있는 경우 다음과 같이 사용하십시오.$("#table").children("tbody").children("tr").children("td:nth-child(2)").each(function () { });
http://jsfiddle.net/GshRz/1/
구조에 따라 (
<thead>
를 포함 할 수있는 곳) ),.children("thead, tbody")
를 사용할 수 있습니다 그냥.children("tbody")
대신 .또한 여러 열을 잡으려는 경우
<tr>
를 선택하는 것이 더 쉬울 수 있습니다 요소를 얻은 다음 자녀에게<td>
를 제공하십시오. 집단. 예를 들면 다음과 같습니다.$("#table1").children("tbody").children("tr").each(function (i) { var $this = $(this); var my_td = $this.children("td"); var second_col = my_td.eq(1); var third_col = my_td.eq(2); console.log("Second Column Value (row " + i + "): " + second_col.html()); console.log("Third Column Value (row " + i + "): " + third_col.html()); });
http://jsfiddle.net/GshRz/2/
사용하는 선택기와 위치는 테이블의 구조와 내용에 달려 있습니다. 따라서
children
를 구별하는 것을 잊지 마십시오 그리고find
및nth-child
그리고eq
. - 답변 # 3
$("#table td:nth-child(2)").each(function (index) { alert('Row no. ' + (index+1) + ', Column 2 : ' + $(this).html()); });
샘플
관련 자료
- python - Pandas 데이터 프레임의 열을 반복하고 고유 값을 반환하는 함수를 만드는 방법
- javascript - 선택한 범위를 반복합니다
- r - dplyr - : 두 번째 (필터링 된) 데이터 프레임을 기반으로 새 열 변경
- php - 디렉토리를 반복하고 항목을 알파벳순으로 정렬 및 표시
- r 목록에서 dataframe 열 반복, 오류 - 정의되지 않은 열 선택
- sql - 여러 열의 최소 날짜 시간으로 임시 테이블 업데이트
- sql - 특정 패턴으로 한 테이블의 행을 다른 테이블의 열에 삽입
- r - 특정 열의 행을 반복
- jquery - 각 테이블 행 내부의 각 입력을 반복
- mysql - SQL JOIN 두 테이블 및 두 번째 테이블은 최신 항목 및 2 ID 만 가져옵니다
- sql - 동일한 테이블에있는 두 열의 값을 비교하고 새 열 만들기
- reactjs - React JS에서 중첩 된 JSON을 통해 반복
- python - 일반적인 시간 복잡성으로 django에서 모델로 행과 열이있는 HTML 테이블 생성
- python - 팬더 열을 반복하고 세트 사전을 추가 하시겠습니까?
- sql - 두 날짜 사이의 매초 날짜 테이블 만들기
- r - 데이터 프레임에서 패턴 일치 열을 반복하고 ggplot을 생성하는 For 루프
- c# - AspNetUserRole 테이블은 NET을 사용자 정의한 후 데이터베이스에 여러 열을 생성합니다
- r - 테이블 목록을 반복하고 문자열이 포함 된 테이블 제거
- sql - 테이블의 모든 열에 대한 중복 값 수를 얻는 방법
- SQL Server에서 단일 열에 대해 식별을 수행하여 테이블의 모든 열을 갖는 방법은 무엇입니까?
- javascript : c# 함수에서 html 요소를 숨기거나 표시하려면 어떻게해야합니까?
- javascript : 클래스 속성에 액세스하는 방법은 무엇입니까?
- javascript : jquery 데이터 테이블 행의 데이터 ID 값을 얻는 방법은 무엇입니까?
- javascript : 버튼을 클릭하고 jQuery로 별도의 JS 파일을 클릭하여 Google지도 마커에서 클릭 이벤트를 트리거합니다.
- javascript : 텍스트 필드 값에 따라 선택 메뉴를 동적으로 비활성화
- javascript : 모든 확인란을 선택 /선택 취소 Group wise
- javascript : HTML5 캔버스에 텍스트가있는 원을 그리는 방법
- javascript : 'object HTMLUListElement'는 내 웹 페이지에서 생성하려는 콘텐츠와 함께 인쇄됩니다.
- JavaScript를 사용하여 텍스트 파일을 읽고 브라우저에서 실시간으로 값 업데이트
- javascript : 어떻게 "Shift + Enter"를 감지하고 Textarea에서 새 줄을 생성합니까?
이것을 시도하십시오 :