[jquery] 선택한 테이블행 가져오기

테이블의 선택값 가져오기

<table>
    <thead>
        <tr>
            <td>학년</td>
            <td>반</td>
            <td>이름</td>
            <td>번호</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td name="grade">1</td>
            <td name="class">2</td>
            <td name="name">홍길동</td>
            <td name="number">5</td>
            <td><input type="checkbox" class="selectedData"></td>
        </tr>
        <tr>
            <td name="grade">2</td>
            <td name="class">1</td>
            <td name="name">김민지</td>
            <td name="number">5</td>
            <td><input type="checkbox" class="selectedData"></td>
        </tr>
        <tr>
            <td name="grade">3</td>
            <td name="class">4</td>
            <td name="name">이하니</td>
            <td name="number">15</td>
            <td><input type="checkbox" class="selectedData"></td>
        </tr>
    </tbody>
</table>

위와 같은 table이 있을때 선택한 학생의 정보를 가져오는 방법

var selectedRowsData = [];
$('.selectedData:checked').each(function() {
    var rowData = {};
    $(this).closest('tr').find('td[name]').each(function() {
        var key = $(this).attr('name');
        var value = $(this).text();
        rowData[key] = value;
    });
    selectedRowsData.push(rowData);
});

이렇게하면 selectedRowsData에는 선택한 학생정보가 들어가게 됩니다.