1. 방법
Wrap: 일치하는 모든 요소를 다른 요소의 구조로 래핑합니다.
WrapAll: 일치하는 모든 요소를 단일 요소로 래핑합니다.
WrapInner: 일치하는 요소의 하위 클래스를 html 구조로 래핑합니다.
2. 예시
(1)랩
다음과 같이 코드 코드를 복사합니다.
<!DOCTYPE HTML>
<html>
<머리>
<meta charset="UTF-8">
<title>여기에 제목을 입력하세요</title>
<script type="text/javascript" src="../jquery-2.0.0/jquery-2.0.0.js"></script>
<스크립트 유형="텍스트/자바스크립트">
$(함수() {
$("div a").wrap("<div id='id'></div>");
});
</script>
</head>
<본문>
<div>
<a>리우싱위</a> <a>리우싱위</a> <a>리우싱위</a> <a>리우싱위</a>
</div>
</body>
</html>
Firebug는 결과를 표시합니다.
다음과 같이 코드 코드를 복사합니다.
<!DOCTYPE HTML>
<html>
<머리>
<meta charset="UTF-8">
<title>여기에 제목을 입력하세요</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<스크립트 유형="텍스트/자바스크립트">
</head>
<본문>
<div>
<div 아이디="ID">
<a>리우싱규</a>
</div>
<div 아이디="ID">
<a>리우싱규</a>
</div>
<div 아이디="ID">
<a>리우싱규</a>
</div>
<div 아이디="ID">
<a>리우싱규</a>
</div>
</div>
</body>
</html>
(2)랩모두
다음과 같이 코드 코드를 복사합니다.
<!DOCTYPE HTML>
<html>
<머리>
<meta charset="UTF-8">
<title>여기에 제목을 입력하세요</title>
<script type="text/javascript" src="../jquery-2.0.0/jquery-2.0.0.js"></script>
<스크립트 유형="텍스트/자바스크립트">
$(함수() {
$("div a").wrapAll("<div id='id'></div>");
});
</script>
</head>
<본문>
<div>
<a>리우싱위</a> <a>리우싱위</a> <a>리우싱위</a> <a>리우싱위</a>
</div>
</body>
</html>
Firebug는 결과를 표시합니다.
다음과 같이 코드 코드를 복사합니다.
<!DOCTYPE HTML>
<html>
<머리>
<meta charset="UTF-8">
<title>여기에 제목을 입력하세요</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<스크립트 유형="텍스트/자바스크립트">
$(함수() {
$("div a").wrapAll("<div id='id'></div>");
});
</script>
</head>
<본문>
<div>
<div 아이디="ID">
<a>리우싱위</a> <a>리우싱위</a> <a>리우싱위</a> <a>리우싱위</a>
</div>
</div>
</body>
</html>
(3)랩 내부
다음과 같이 코드 코드를 복사합니다.
<!DOCTYPE HTML>
<html>
<머리>
<meta charset="UTF-8">
<title>여기에 제목을 입력하세요</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<스크립트 유형="텍스트/자바스크립트">
$(함수() {
$("div").wrapInner("<div id='id'></div>");
});
</script>
</head>
<본문>
<div>
<a>리우싱위</a> <a>리우싱위</a> <a>리우싱위</a> <a>리우싱위</a>
</div>
</body>
</html>
Firebug는 결과를 표시합니다.
다음과 같이 코드 코드를 복사합니다.
<!DOCTYPE HTML>
<html>
<머리>
<meta charset="UTF-8">
<title>여기에 제목을 입력하세요</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<스크립트 유형="텍스트/자바스크립트">
$(함수() {
$("div").wrapInner("<div id='id'></div>");
});
</script>
</head>
<본문>
<div>
<div 아이디="ID">
<a>리우싱위</a> <a>리우싱위</a> <a>리우싱위</a> <a>리우싱위</a>
</div>
</div>
</body>
</html>