English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery prepend() 메서드

선택된 요소의 현재 HTML을 반환/jQuery HTML

prepend() 메서드는 지정된 내용을 각 선택된 요소의 시작에 삽입합니다(첫 번째 자식 요소로).

선택된 요소의 마지막에 내용을 삽입하려면 사용하세요append()메서드。

문법:

前置 내용을 삽입합니다:

$(selector).prepend(content)

$("p").prepend(document.createTextNode("Hello world"));

$(selector).prepend(function(index, html))

예제

모든 단락 앞에 몇 가지 텍스트 내용을 추가합니다:

예제
  $("p").prepend("Hello world");
b>";
});/테스트를 해보세요‹

모든 단락 앞에 몇 가지 HTML을 추가합니다:

예제
  $("p").prepend("<b>Hello world</b>
b>";
});/테스트를 해보세요‹

이 예제에서는 document.createTextNode()를 사용하여 텍스트 노드를 생성하고 모든 <p> 요소 앞에 추가합니다:

예제
  $("p").prepend(document.createTextNode("Hello world"));
b>";
});/테스트를 해보세요‹

$("p").prepend(document.createTextNode("Hello world"));

예제
  $("button").click(function(){
$("p").prepend(function(i){ + return "<b>This p 요소의 인덱스는 " + i + "입니다"; + i/"<
  b>";
b>";
});/테스트를 해보세요‹

파라미터 값파라미터
설명content

선택된 각 요소의 시작에 삽입할 내용을 지정(HTML 태그를 포함할 수 있습니다)

  • 가능한 값:

  • HTML 요소

  • DOM 요소

jQuery 객체function(index, html)
  • 함수를 지정하여 삽입할 내용을 반환-index

  • 요소가 집합에서의 인덱스 위치를 반환-html

선택된 요소의 현재 HTML을 반환/jQuery HTML