[JQUERY][JSP] 제이쿼리 테이블 행 값 가져오기

제이쿼리 사용

제이쿼리 테이블 값 가져오기

//테이블의 Row 클릭시 값 가져오기
	$("#memberTable tr").click(
			function() {
				var str = ""
				var tdArr = new Array(); // 배열 선언
				var user_id1 = document.getElementById("user_id1").value;
				var user_id2 = document.getElementById("user_id2").value;
				var user_id3 = document.getElementById("user_id3").value;

				// 현재 클릭된 Row(<tr>)
				var tr = $(this);
				var td = tr.children();

				// tr.text()는 클릭된 Row 즉 tr에 있는 모든 값을 가져온다.
				console.log("클릭한 Row의 모든 데이터 : " + tr.text());

				// 반복문을 이용해서 배열에 값을 담아 사용할 수 도 있다.
				td.each(function(i) {
					tdArr.push(td.eq(i).text());
				});

				// td.eq(index)를 통해 값을 가져올 수도 있다.
				var state = td.eq(0).text();
				var user_id = td.eq(1).text();
				var name = td.eq(2).text();
				var nickname = td.eq(3).text();
				var email = td.eq(5).text();
				var phone_num = td.eq(6).text();

				if (state == 1) {
					btn1.style.display = 'none';
					btn2.style.display = 'block';
				} else {
					btn1.style.display = 'block';
					btn2.style.display = 'none';
				}

				console.log(state);

				str += " *선택한 회원 : 상태 : <font color='blue'>" + state
						+ "</font>" + ", 아이디 : <font color='blue'>" + user_id
						+ "</font>" + ", 이름 : <font color='blue'>" + name
						+ "</font>" + ", 닉네임 : <font color='blue'>" + nickname
						+ "</font>" + ", 이메일 : <font color='blue'>" + email
						+ "</font>" + ", 전화번호 : <font color='blue'>"
						+ phone_num + "</font>";

				$("#clickMember").html(str);

				document.getElementById("user_id1").value = user_id;
				document.getElementById("user_id2").value = user_id;
				document.getElementById("user_id3").value = user_id;