jquery WrapInner() 메서드


  번역 결과:

wrap

English[ræp] US[ræp]

vt. Wrap; 랩(또는 랩, 커버 등)... , 재킷, 포장지; vi. 감기, 감기(보통 over, around 등과 함께 사용됨); 감싸기, 입히기(옷 등) . 내부, 내부; 비밀

n. 내부, 내부

jquery WrapInner() 메서드통사론

기능: wrapInner() 메서드는 지정된 HTML 콘텐츠 또는 요소를 사용하여 선택한 각 요소의 모든 콘텐츠(내부 HTML)를 래핑합니다.

구문: ​​$(selector).wrapInner(wrapper)

매개변수:

매개변수 Description
wrapper 필수입니다. 선택한 요소의 콘텐츠를 둘러싸는 콘텐츠를 지정합니다. 가능한 값: HTML 코드 - 예: ("<div></div>") 새 DOM 요소 - 예: (document.createElement("div")) 기존 요소 - 예: ($(".div1" )) 이동되지는 않지만 선택한 요소 주위에만 복사 및 래핑됩니다.

함수를 사용하여 콘텐츠 래핑: 함수를 사용하여 선택한 각 요소를 둘러싸는 콘텐츠를 지정합니다.

구문: ​​$(selector).wrapInner(function())

매개변수:

ParametersDescription
function()필수입니다. 주변 요소를 반환하는 함수를 지정합니다.

jquery WrapInner() 메서드예

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").wrapInner("<b></b>");
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button class="btn1">加粗段落中的文本</button>
</body>
</html>
인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

비디오

Q&A