>

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

<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

    이것을 시도하십시오 :

    $("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 를 구별하는 것을 잊지 마십시오  그리고 findnth-child  그리고 eq .

  • 답변 # 3

    $("#table td:nth-child(2)").each(function (index) {
       alert('Row no. ' + (index+1) + ', Column 2 : ' + $(this).html());
    });
    
    

    샘플

관련 자료

  • 이전 emacs - Emacs 및 AUCTeX를 사용하여 오른쪽에서 왼쪽으로 단락 내에서 왼쪽에서 오른쪽으로 처리
  • 다음 java - Eclipse svn 저장소에서 사용자를 변경하는 방법은 무엇입니까?