제이쿼리 질문입니다.

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!
제이쿼리 질문입니다.

QA

제이쿼리 질문입니다.

본문


<button class='add_btn' data-idx='27'>1번 버튼</button>
<button class='add_btn' data-idx='62'>2번 버튼</button>
<button class='add_btn' data-idx='33'>3번 버튼</button>
 
 
<script>
var num = 1;
$('.add_btn').click(function () {
 var add = '';
 for (var i = 0; i < num; i++) {
  add += $(this).data('idx') + ',';
 }
 
alert(add);
 
 num++;
});
</script>

 

 

 

제가 하고싶은건 버튼을 눌렀을때 data-idx값에 의하여 

1번버튼을 누르면 27,

그리고 2번버튼을 다시 눌르면 27,62

그리고 3번버튼을 다시 눌르면 27,62,33

이런식으로 나오게 하려고하는데

 

1번을 누르면 27,

2번을 누르면 62,62

3번을 누르면 33,33,33

이렇게 됩니다.. 뭐가문제일까요ㅠㅠ

 

이 질문에 댓글 쓰기 :

답변 2


var add = '';
$('.add_btn').click(function () {
  add += $(this).data('idx') + ',';
alert(add);
});

 

https://codepen.io/anon/pen/xmKyge

 

for문이랑 num 변수는 왜 넣으셨는지 모르겠지만

 

클릭할때마다 add변수가 초기화되고 num문에 의해 클릭을 한 횟수만큼 포문이 돌면서 클릭한 값이 들어가서 그렇습니다

 

 

답변을 작성하시기 전에 로그인 해주세요.
전체 65
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT