replace

英[rɛˈpleəs]

vt. 바꾸기; 다시 제자리에 넣기;

with

英[ weekθ]

prep.With, with, with...

jqueryreplaceWith() 메서드 통사론

기능: replaceWith() 메서드는 선택한 요소를 지정된 HTML 콘텐츠 또는 요소로 바꿉니다. replacementWith()는 replacementAll()과 동일한 효과를 갖습니다. 차이점은 구문에 있습니다. 선택기의 내용과 위치, 그리고 교체를 위해 바꾸기All() 함수를 사용할 수 없습니다.

구문: ​​$(selector).replaceWith(content)

매개변수:

ParametersDescription
content 필수입니다. 선택한 요소를 대체할 내용을 지정합니다. 가능한 값: HTML 코드 - 예: ("<div></div>") 새 요소 - 예: (document.createElement("div")) 기존 요소 - 예: ($(".div1")) 이동되지 않고 선택한 요소 주위에만 복사 및 래핑됩니다.
선택기 필수입니다. 교체할 요소를 지정합니다.​

함수를 사용하여 요소 교체: 함수를 사용하여 선택한 요소를 새로운 콘텐츠로 교체합니다.

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

매개변수:

매개변수 Description
function()필수입니다. 선택한 요소를 대체할 새 콘텐츠를 반환하는 함수입니다.

jqueryreplaceWith() 메서드 예

<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").replaceWith("<b>Hello world!</b>");
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button class="btn1">用粗体文本替换所有段落</button>
</body>
</html>
인스턴스 실행 »

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