login register Sysop! about ME  

2018년 02월 02일 13시 31분 00초,     조회수 : 1179
  제목 : [jquery 입문]노드 생성과 삭제 테스트에서 신규 생성한 노드는 삭제가 안됩니다.
SEQ : 24066 글쓴이 : minkoo89

작성 포맷 : TEXT 모드, 자동 줄바꿈 사용

안녕하세요. 노드생성/삭제 학습중인 입문자 입니다.
먼저 menu1~5까지 li태그로 이미 입력되어 있고, 메뉴 클릭시 $(this).remove()로 삭제하였습니다.
그다음으로 신규노드를 생성해서 클릭시 삭제가 되게 하고 싶은데 신규노드를 클릭해도 반응이 없습니다.
신규노드도 삭제 되게끔 하려면 어떻게 해야하는지 알려주세요.

아래는 코드 입니다.
<script>
        $(document).ready(function () {
            var count = 0;
            $("#btnAdd1").click(function () {
                count++;
                var $li = $("<li style.border='2px solid #f00'>new menu" + count + "</li>");
                $("ul.menu").prepend($li);
            })
            var $stand = $("ul.menu li.select"); //기준노드
            $("ul.menu li").click(function () {
                $(this).remove();
            })
        });
</script>
<body>
    <button id="btnAdd1">첫번째 자식노드로 추가</button>
    <ul class="menu">
        <li>menu1</li>
        <li>menu2</li>
        <li class="select">menu3</li>
        <li>menu4</li>
        <li>menu5</li>
        <li>menu6</li>
    </ul>
</body>

  virgo75
  2018-02-05(11:28)
캐릭 이미지
신규면 ?? 가장 최하위 놈일테고 ?? 현재 상태에서 menu라는 클래스 명 하부에 li를 배열
로 불어 올수 있을듯 하고, 그러면 가장 번호 높은놈 (예를 들면 li 4개에서 5번째가 생성되
었다면 배열로 치면 4번째놈이 가장 최근 생성)을 삭제하면 되지 않을까요 ?? 배열에 길이
값을 구하고 그값을 이용해서 삭제를 하면 ?? 제 머리속에서만 정리 한것이라서 틀릴수도
있겠네요

  topwood
  2018-02-05(22:55)
생성된 li 에 이벤트가 없어서 삭제가 안되는 걸로 보입니다.
생성시 이벤트(click)를 다시 지정해 주어야 합니다.

  minkoo89
  2018-02-26(15:17)
캐릭 이미지
답변 감사합니다. 생성된 li에 이벤트를 다시 지정해준 방법으로 해결하였습니다.


제목 작성자 날짜 조회
[jquery 입문]노드 생성과 삭제 테스트에서 신규 생성한 노드는 삭.. (3) minkoo89 2018-02-02 1179

 
 
.NET과 Java 동영상 기반의 교육사이트

로딩 중입니다...

서버 프레임워크 지원 : NeoDEEX
based on ASP.NET 3.5
Creative Commons License
{5}
{2} 읽음   :{3} ({4})