jquery에서 추가와 반대


81

.appenddiv에 추가하는 데 사용 합니다.

$(this).append('<ul><li>test</li></ul>');

<ul>의 하위 항목에있는 경우 어떻게 검색 하고 제거 할 수 $(this)있습니까?

답변:


88

사용할 수 있습니다 remove(). jQuery remove () 에 대한 자세한 정보 .

$(this).children("ul").remove();

이렇게하면 자식 인 모든 ul 요소 가 제거됩니다 .


요소 (div)를 변수로 가져오고 싶습니다. 어떻게 할 수 있습니까?
Prasanth Jaya

23

의 반대는 .append()입니다 .prepend().

prepend에 대한 jQuery 문서에서…

.prepend () 메서드는 jQuery 컬렉션에있는 각 요소의 첫 번째 자식으로 지정된 콘텐츠를 삽입합니다 (마지막 자식으로 삽입하려면 .append () 사용).

나는 이것이 OP의 특정 경우에 대답하지 않는다는 것을 알고 있습니다. 그러나 그것은 질문 제목에 답합니다 . :) 그리고 그것은 "jquery 반대 추가"에 대한 Google의 첫 번째 히트작입니다.


1
내 질문에 대답합니다. "APPEND의 반대 기능"
크리스 Marisic


14

또한 고려해야 할 사항은 생성 된 요소에 대한 참조를 유지하는 것입니다. 그러면 구체적으로 쉽게 제거 할 수 있습니다.

   var newUL = $('<ul><li>test</li></ul>');
   $(this).append(newUL);

   // Later ...

   newUL.remove();

좀 더 설명해 주시겠습니까?
Shamseer Ahammed

@ShamseerAhammed 당신은 무엇을 이해하지 못합니까?
RoToRa

9

방금 똑같은 문제가 있었고 이것을 발견했습니다. 실제로 나를 위해 트릭을 수행합니다.

// $("#the_div").contents().remove();
// or short: 
$("#the_div").empty();
$("#the_div").append("HTML goes in here...");

1
나는 .contents().remove()같다고 믿는다 .empty().
pimvdb 2011

2
나는 당신이 연결에 대해 알고 있는지 여부를 완전히 확신하지 못합니다. 만약 당신이 모르는 경우를 대비하여 jQuery에서 다음과 같은 명령문을 결합 할 수 있습니다. $(...).empty().append(...):)
pimvdb

5

반대쪽은 children ()이지만 반대쪽은 prepend ()입니다. 여기 에 아주 좋은 튜토리얼이 있습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.