장바구니 구현 질문입니다.

Question

안녕하세요 쇼핑몰 장바구니를 구현하고 있습니다.데이터 2개 넣어두고 테스트중입니다. 1번 데이터가 들어있는 행에 +를 해도 1번 값이 변경되고2번 데이터가 들어있는 행에 + 버튼을 눌러도 1번 값이 변경됩니다..id값을 줘야할것 같은데 어떻게 줘야할지 모르겠어요(아닌가요..)따끔한 조언 부탁드립니다. 감사합니다! 원

니플 · Answer

생성되는 아이디가 달라야합니다아이디가 중복이 없기로 약속된 것입니다중복으로 사용하려면 클래스가 좋고요 위에선 아이디로 하는 것이 좋아보입니다각각의 것이 겹치면 안되니아이디 명도 겹치면 안됩니다 prdPrriceamountsum으로 되있던데 이중 sum만 보면sum01sum02이런 식으로 번호를 뒤에 붙이는 형태를 권장합니다 만약 아이디로 css가 잡혀있다면이름이 같으니 클래스로 빼주시면 됩니다

진C · Answer

jquery 선언부가 보여서 적어봅니다.jquery의 closest(selector) 사용을 고려해보시는 것은 어떠신지요?$element.closest(selector)는 element로부터 가장 가까운 selector 요소를 반환합니다.구글 검색어 : jquery closest 예를 들어 [&#43;]버튼의 경우, onclick&#61;&#34;add()&#34; 를 onclick&#61;&#34;add(this)&#34;로 변경하고, add method를 이렇게 작성하면 [&#43;]버튼이 있는 행의 amount 값을 변경할 수 있습니다.function add(element) { // 클릭한 요소 &#61;&#61; [&#43;]버튼 var $btnAdd &#61; $(element); // btnAdd로부터 가장 가까운 각 input 객체. var $amount &#61; $btnAdd.closest('input[name&#61;&#34;amount&#34;'); var $price &#61; $btnAdd.closest('input[name&#61;&#34;price&#34;'); var $sum &#61; $btnAdd.closest('input[name&#61;&#34;sum&#34;]'); $qt.val($qt.val()&#43;&#43;); $sum.val(parseInt($qt.val()) * $price.val()); } 실행해 본 코드가 아니기에, 콘솔 열어 놓고 테스트 하면서 진행해보시기를 권장합니다. ^^;;;;

alan · Answer

진C님 덕분에 closest라는 걸 알게됐네요.id에 인덱싱 번호 붙이는 걸 안좋아해서노드 탐색해서 찾아갔거든요.parents(&#34;tr&#34;)로 가서 nth-child 몇번째의 input이라던지뭐 이런식으로 했는데 좀 줄여서 찾는 방법이 있겠네요.그런데 id에 인덱스 넘버 붙이는게 정석인지 뭐가 바람직한건지 모르겠네요

니플 · Answer

전 인덱싱 붙이는 것을 좋아해서요ㅎㅎ

hyonvly · Answer

자면서도 엄청 신경쓰였었는데모두 도움주셔서 감사합니다..!!우선 closest으로 돌려봤는데 작동을 안해서다시 시도해보려 했지만 이클립스가 말을 안듣네요........ㅎㅎㅎㅎ기초지식이 없으니 밥을 떠다 먹여줘도 모르겠네요조금 더 공부해봐야할 것 같아요 ! ㅠㅠㅠㅠ 정말 감사합니다

장바구니 구현 질문입니다.

5개의 답변

Q&A 목록