>  기사  >  웹 프론트엔드  >  jQuery는 LI 인스턴스 공유의 동적 삭제를 구현합니다.

jQuery는 LI 인스턴스 공유의 동적 삭제를 구현합니다.

小云云
小云云원래의
2018-01-10 11:24:241340검색

본 글은 주로 jQuery의 LI 삭제 방법을 소개하고, 페이지 요소의 동적 연산을 위한 jQuery의 구현 기술을 예제 형식으로 분석하여 필요한 친구들에게 참고가 되었으면 좋겠습니다.

때때로 우리는 UL의 ID를 알고 있지만 그것을 지우기 위해 LI를 찾는 것이 비참합니다. 다음은 Li의 ID를 설정하는 것이 좋은 방법이지만 ID로 설정하지 마십시오. 때가 오면 삭제는 첫 번째 li만 삭제합니다


$("#ul li").not(":first").remove();

를 사용할 수 있습니다. 이 방법은 첫 번째 li가 아닌 다른 모든 li를 삭제할 수 있습니다.

여기에서 사용합니다:


$(document).ready(function(){
   $("#search_content").keyup(function () {
    if(CheckChinese($("#search_content").val()))
    {
     $.ajax({
      type: "POST",
      anync: true,
      url: "HelpCenterSuggestion.ashx",
      cache: false,
      dataType: "text",
      data: { m: $("#search_content").val() },
      success: function (result) {
       alert(result);
       $("#UlContent li").remove();
       $("#UlContent").append(result);
      }
     });
    }
  });

여러 가지 방법이 있습니다 사용:

1. not


$("ul>li").not(":eq(0)").remove();

또는


$("ul>li").not(":first").remove();

2를 사용하세요. 관련 권장 사항:


javascript dom 요소를 빠르게 동적으로 삭제하는 방법 코드 상세 설명

Javascript function_javascript 기술을 동적으로 삭제하는 방법

table_javascript 기술에서 지정된 행을 동적으로 삭제하는 JS 메서드

위 내용은 jQuery는 LI 인스턴스 공유의 동적 삭제를 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.