JQuery 반복문으로 Row별 값 Setting 해보기

JSP파일에서 forEach문으로 게시판 보드에 tr 태그 별로 다른 값을 넣어주었다. 여기에서, 각 tr 태그에 Input 값이 따로 있는데 특정 버튼을 눌렀을 때 이 Input tag 안에 해당 행의 다른 열에서 값을 가져와서 value setting을 해줘야하는 로직이 필요했다.

 

 

 

처음에는 varStatus의 .index 혹은 .count를 사용하여 class이름을 row 별로 세팅해준 후 javascript for문을 돌릴까 했지만,, 비효율적인 것 같아서 방법을 고민하다 다음과 같은 코드로 마무리할 수 있었다.

 

 

 

$('table > tbody  > tr ').each(function(index, tr) { 
   var data = $(this).find("td:eq(1) input[type='text']").val();
   $(this).find("td:eq(4) input[type='text']").val(data);
});

 

 

 

무슨 방법이 있을까 고민을 많이 했는데 너무 쉬운 간단한 방법이 있었다...!