<strong>1. メソッド</strong> <br><br>wrap: 一致するすべての要素を他の要素の構造でラップします <br><br>wrapAll: 一致するすべての要素を 1 つの要素でラップします <br><br>wrapInner : 一致する要素のサブクラスを HTML 構造でラップします <br><br><strong> 2. 例 </strong> <br><br> (1) Wrap <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="13361" class="copybut" id="copybut13361" onclick="doCopy('code13361')"><u>コードをコピーします</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code13361"> <br><br><br><br> ><meta charset="UTF-8"> <br><title>ここにタイトルを挿入</title> <br><script type="text/javascript" src="../ jquery-2.0. 0/jquery-2.0.0.js"></script> <br><script type="text/javascript"> <br>$(function() { <br>$( "div a" ).wrap("<div id='id'></div>"); <br></script> <br>ボディ> <br> <br> <a> リュシンギュ</a> </div> <br></body> <br><br> <br>firebug は結果を表示します: <br><br> </div> <br> コードをコピーします<br><div class="codetitle"><span> コードは次のとおりです。<a style="CURSOR: pointer" data="5075" class="copybut" id="copybut5075" onclick="doCopy('code5075')"><u> </u></a></span></div> <meta charset="UTF-8"> <div class="codebody" id="code5075"><title>ここにタイトルを挿入</title> <br><script src="../jquery-2.0.0/jquery-2.0.0. js" type="text/javascript"> <br><script type="text/javascript"> <br></head> <br><body> <br><div> <br><div id="id"> <br><a>liuxingyu</a> <br><div id="id"> ;liuxingyu</a> <br><div id"> <br></div> <div id="id"> <br> </a> <br></body> ;/html> <br><br> <br> (2) WrapAll <br><br><br><br><br> コードをコピー <br><br><br> コードは次のとおりです。 🎜><br> <br><!DOCTYPE html> <br><head> </div><meta charset="UTF-8">ここにタイトルを挿入</title> <br><script type="text/javascript" src="../jquery-2.0.0/jquery-2.0.0.js"></script> <script type="text/javascript"> <br>$(function() { <div class="codetitle">$("div a").wrapAll("<div id='id'></div> "); <span>}); <a style="CURSOR: pointer" data="83049" class="copybut" id="copybut83049" onclick="doCopy('code83049')"></script> <u></head> </u><body> </a><div> a>liuxingyu</a> <a> liuxingyu</a> <a>liuxingyu</a> </span></html>結果: </div> <div class="codebody" id="code83049"> <br><br><br>コードをコピーします<br><br><br> コードは次のとおりです。<br><br> <br> <!DOCTYPE html> <br><html> <br><br><meta charset="UTF-8"> <br><title>ここにタイトルを挿入</title> ="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript"> <br><script type="text/javascript"> ) { <br>$("div a").wrapAll("<div id='id'></div>") <br>< ;/script> ></head> <br><div> <br><a>liuxingyu< ;/a>a</a>a</a><br></div></div> ;/html> <br><br> <div class="codetitle">(3) WrapInner <span><a style="CURSOR: pointer" data="22570" class="copybut" id="copybut22570" onclick="doCopy('code22570')"><u></u></a> コード </span> </div> <div class="codebody" id="code22570"> コードを次のようにコピーします。<div class="codebody" id="code4007"> <br><!DOCTYPE html> <br><html> <br><head> <br><meta charset="UTF-8"> <br><title>Insert title here</title> <br><script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript"> <br><script type="text/javascript"> <br>$(function() { <br>$("div").wrapInner("<div id='id'></div>"); <br>}); <br></script> <br></head> <br><body> <br><div> <br><a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <br></div> <br></body> <br></html> <br> </div> <br>firebug显示结果： <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="86253" class="copybut" id="copybut86253" onclick="doCopy('code86253')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code86253"> <br><!DOCTYPE html> <br><html> <br><head> <br><meta charset="UTF-8"> <br><title>Insert title here</title> <br><script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript"> <br><script type="text/javascript"> <br>$(function() { <br>$("div").wrapInner("<div id='id'></div>"); <br>}); <br></script> <br></head> <br><body> <br><div> <br><div id="id"> <br><a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <br></div> <br></div> <br></body> <br></html> <br> </div> </div>
