추가 기능이 작동하지만 jquery에서 제거가 작동하지 않습니다.

Question

두 번째 목록 (id = myList-toggle)의 항목 (id - = l1)에 목록 (anotherList)을 추가해야하는 코드가 필요하지만 다른 클릭 후 제거해야합니다. 그러나 제거가 예상대로 작동하지 않습니다. 이와 관련하여 도움이 필요합니다.

$('a#myList-toggle').click(function() { 

       list.slice(0, counter()).slideToggle(); 

       return false; 

      }); 

      $('a#l1').click(function() { 


       $('#l1').append($('#anotherList')); 
       function() { 
        $('#al1').remove(); 
       }; 
       $('#anotherList').show(); 
       return false; 

      }); 

     }); 



    </script> 
</asp:Content> 
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> 
     <div> 
     <a href="#" id="myList-toggle">GO Now!!!!!!!</a></div> 
    <ul id="myList" style="margin-bottom: 0px"> 
     <li><a href="#" id="l1">item1</a></li> 
     <li><a href="#" id="l4">item2</a></li> 
     <li><a href="#" id="l5">item3</a></li> 
     <li><a href="#" id="l6">item4</a></li> 
     <li><a href="#" id="A1">item5</a></li> 
     <li><a href="#" id="A2">item6</a></li> 
     <li><a href="#" id="A3">item7</a></li> 
     <li><a href="#" id="A4">item8</a></li> 
    </ul> 
    <ul id="anotherList"> 
     <li class="al1">Item</li> 
     <li class="al1">Item</li> 
     <li class="al1">Item</li> 
     <li class="al1">Item</li> 
    </ul> 
</asp:Content> 

다른 간단한 방법으로 목록을 추가하고 삭제할 수 있는지 여부를 알려주십시오.

Answer 1

시도 $('#al1').remove(); 또한

$('.al1').remove();에, 뭐죠 function() {와 전에 제거 변경?

나는 그것이 필요하지 않다고 생각한다.

편집 : 나는 그 오류가 발생하는 것이 생각 http://jsfiddle.net/9dVXg/

:

이 링크를 시도하십시오.

Answer 2

아마도 잘못 입력 한 것입니까?

$('a#l1').remove(); 

는 대신 a#l1

의 #al1를 입력 또는 클래스를 선택합니다습니까?

$('.al1').remove() 

클래스의 선택은 .하고 가 id는

Answer 3

# 당신은 이름이없는 함수 문이있다 : 이것은 자바 스크립트에 유효하지 않은, 그리고

  function() { 
       $('#al1').remove(); 
      }; 

당신의 코드는 스크립트 실행을 중지시키는 오류를 발생시킬 수 있습니다.

id="al1"의 요소가 HTML에 없으므로 $('#al1')은 아무 것도 선택하지 않습니다. 다른 답변은 $('a#l1') 또는 $('.al1') 중 하나가 필요하다고 제안했으나 정확하게 제거하고 싶은 것이 명확하지 않습니다.

a#l1을 클릭하면 #anotherList의 표시 여부를 전환하는 것으로 보입니다. 아마 #anotherList을 처음부터 a#l1 요소의 하위 요소로 렌더링 한 다음 핸들러에서 $('#anotherList').toggle()을 수행하는 것이 더 나은 방법 일 것입니다. 숨겨진 상태에서 시작하려면 초기 스타일 #anotherList을 display: none으로 설정해야 할 수 있습니다.