괴발개발/Spring Framework

JQ_ 더하기기능, 증가, ++

moonday 2021. 9. 18. 13:17

1. ajax사용시, 컨트롤러에서 받아온 정보 기준으로 화면에 내용을 추가할때 숫자를 count할때 1++

에이젝스에서 DB에  입력된 정보를 저장한 뒤, 해당 정보를 화면에 추가해주는 작업

앞에 번호가 +1 씩 증가해야하는데, DB에 입력된 숫자(화면에 노출되어있는것)기준이라서,

사용자마다 다른 숫자를 마지막으로 가지고있음 

jsp 스크립트 부분

var num = $('.classListBox').children().last().find('th').text();
var listNum = parseInt(num)+parseInt('1'); //1씩올라갈수있도록

아래의 내용(코드일부)을 변수에 넣어서 append()를 이용하여 화면에 추가했음. 

'<th scope="row">'+listNum+'</th>'+

* parseInt() 를 따로따로 변수에넣고 더하기+를 넣게되면 문자+문자로 됨.


2. 화면에서 추가/수정을 구현함에 따라 개수를 나타내는 숫자를 수정해줄 때

$('.subject_count').each(function(index){
             index = index+1;
             $(this).text(index);
})

숫자를 나타내는 구간에 지정한 클래스명(다른거여도 상관ㄴ)이 subject_count일때

$('.subject_count)라고 모든 숫자를 나타내는 영역을 선택한 후, each 기능을 이용하여 숫자를 0부터 다시 세어주면 됨. => each기능의 index를 넣은 숫자는 0부터 기본적으로 시작. 따라서, 1부터 시작하려면 index=inext+1 를 넣을 것