티스토리 뷰

Skill/html js css

jquery 테이블의 row가져오기

진열사랑 2024. 3. 20. 13:38

출처  : https://db-library84.tistory.com/37

jQuery 테이블의 특정 행(row)값 가져오기

1. 테이블 행(row) 클릭 시 해당 행의 값을 가져오기 html No. 아이디 이름 이메일 1 user01 홍길동 hong@gmail.com 2 user02 김사부 kim@naver.com 3 user03 존 John@gmail.com javascript 2. 버튼 클릭 시 해당 행(row)의 값을

db-library84.tistory.com

// 테이블의 Row 클릭시 값 가져오기
    $("#example-table-1 tr").click(function(){    
        var str = ""
        var tdArr = new Array();    // 배열 선언
            
        // 현재 클릭된 Row(<tr>)
        var tr = $(this);
        var td = tr.children();
            
        let td0 = td.eq(0).text(); // 첫번째 column
});


'Skill > html js css' 카테고리의 다른 글

Array.prototype.every()  (0) 2024.03.21
jquery 선택자 not 두개이상  (0) 2024.03.13
Jquery select option 선택  (0) 2024.03.13
[CSS] 가로배치  (0) 2024.03.06
css word-break  (1) 2024.02.23
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함