jquery 펼침 닫힘 테이블 조언 부탁드립니다.
본문
안녕하세요!
일전에 질문한번드렸는데 정리해서 다시한번 질문드려요
참고로 jquery는 이번에 처음사용해보고요...구글과 씨름하면서..
(( 제가 하고 싶은건...회원리스트들을 가져와서 그 회원의 아이디를 클릭하면 그 회원을 추천한 사람들의 리스트가 펼쳐지고 그 펼쳐진 리스트에서 또 추천한 사람들의 리스트가 펼쳐지게끔..))
=======
가나다 20 서울
라마바 21 수원
사아자 22 대구
차카타 23 부산
파하가 24 광주
========
이런식으로 유동성 있게 만들려고 하거든요...
구글링 예제는 거의 고정식이라서 적용을 못하겠던데
제가 지금 까지 만든거는
--------------
for(회원)
tr
td
tr
----------------
일케 회원리스트 들을 일단 뿌려주고
$(document).ready(function(){
$("table#childlist").on("click", "tr", function(){
제이쿼리 써서 해당 회원의 아이디를 ajax로 추천인 쿼리 돌려서 json으로 받아와서
after 로 tr td 를 그려서 넣어줬는데요
이게 하드코딩인지는 몰겠지만...일단 기능은 되요 펼치는건
저를 추천한 사람들 리스트 펼처지고
그 밑에 사람들을 추천한 사람이 잇으면 클릭하면 또 펼쳐지고
----------------------------------------------
여기서 막히는게
================
중요 중요
====================
제 밑에 추천인을 1차라고 한다면
1차 리스트 클릭했을때 2차 리스트 나오는데
3차 4차 도 있겠죠..
1차 리스트에서 또 다른회원 클릭하면 또 나올테구요
근데 상위 리스트를 클릭해서 닫으면
remove를 쓰면 닫혀지자나요
근데 그 하위에 또 열어 버린 리스트는 적용이 안되는데
이걸 어케 처리를 해야 할까요?
이해가 가셨나요? ㅠ
위에 보시면 라마바가 1차 회원리스트
사아자가 2차 회원 리스트
차카타가 3차 회원 리스트 인데
라마바를 누르면 사아자는 remove로 지우면 되는데
차카타를 지우는 법을 모르겠네요
연결 고리를 만들어서 지워야 할텐데....
혹시 아시는거 있으시면 조금만이라도 팁주시면 제가 찾아보면서 공부하면서..해볼께용 ㅠㅠ
답변 3
id를 넣으실 때 자신의 부모 id를 그대로 달고 있으면 되지 않을까요?
id="1"
id="1_1"
id="1_2"
id="1_2_1"
이런 식으로요.
그러면 중간에 클릭을 하게 되면 클릭한 애가 가진 id로 시작하는 자식들은 모두 지울 수 있을 테니까요.
왕계란님 답변 감사드립니다.
혹시요...
자식들을 검색할때 tr 갯수 전체로 포문으로 돌려서 하려고 하는데
id가 1을 눌럿을때 지울려고 한다면
1_2_1 인 아이디를 어떻게 찾아야 하나요?
저 id를 어디에 넣었는지 모르겠지만...
<tr id="1"> ~~~ </tr>
<tr id="1_2_1"> ~~~ </tr>
이런 게 있다고 하면
$("tr[id^='1_']").each(function() {
});
이런 식으로 코딩하시면 되지 않을까요?
계란님 감사합니다 소중한 정보 토대로 구글링 해야겟넹용~^^
