홈>2020-02-26 09:17

javascript - jQuery의 테이블에서 두 번째 열을 반복

이것처럼 보이는 테이블이 돔에 있습니다

<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입니다.

어떻게해야할까요?

감사합니다!

javascriptjqueryhtmldom

답변 # 1

이것을 시도하십시오 :

$("table tr td:nth-child(2)").each(function () {
});

답변 # 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());
});

샘플

Python2.net

javascript - jQuery의 테이블에서 두 번째 열을 반복

관련 자료