jQuery에서 after의 두 가지 용도 분석

정의 및 사용법

after() 메소드는 선택한 요소 뒤에 지정된 내용을 삽입합니다.

구문

$(selector).after(content)

매개변수 설명

content 필수입니다. 삽입할 콘텐츠를 지정합니다(HTML 태그 포함 가능).

콘텐츠를 삽입하려면 함수를 사용하세요.

이 함수를 사용하면 선택한 요소 뒤에 지정된 콘텐츠를 삽입할 수 있습니다.

구문

$(selector).after(function(index))

매개변수 설명

함수(색인)

필수입니다. 삽입할 내용을 반환하는 함수를 지정합니다.

색인 - 선택사항입니다. 선택기의 인덱스 위치를 받습니다.

방법 1:
각 p 요소 뒤에 콘텐츠 삽입:

코드는 다음과 같습니다.

$("button").click(function(){
      $("p").after("<p>Hello world!</p>");
});

방법 2:

코드는 다음과 같습니다.

$("button").click(function(){
    $("p").after(function(n){
            
return
 "<p>The p element above has index " + n + "</p>";
    });
});

afterThe function은 html문자열을 반환해야 합니다. .

위 내용은 jQuery에서 after의 두 가지 용도 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!