1. Méthode
wrap : enveloppe tous les éléments correspondants avec la structure des autres éléments
wrapAll : enveloppe tous les éléments correspondants avec un seul élément
wrapInner : enveloppe la sous-classe de l'élément correspondant avec une structure HTML
2. Exemples
(1)envelopper
Copiez le code comme suit :
<!DOCTYPEhtml>
<html>
<tête>
<méta charset="UTF-8">
<title>Insérer le titre ici</title>
<script type="text/javascript" src="../jquery-2.0.0/jquery-2.0.0.js"></script>
<script type="text/javascript">
$(fonction() {
$("div a").wrap("<div id='id'></div>");
});
</script>
</tête>
<corps>
<div>
<a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a>
</div>
</corps>
</html>
Firebug affiche les résultats :
Copiez le code comme suit :
<!DOCTYPEhtml>
<html>
<tête>
<méta charset="UTF-8">
<title>Insérer le titre ici</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<script type="text/javascript">
</tête>
<corps>
<div>
<div id="id">
<a>liuxingyu</a>
</div>
<div id="id">
<a>liuxingyu</a>
</div>
<div id="id">
<a>liuxingyu</a>
</div>
<div id="id">
<a>liuxingyu</a>
</div>
</div>
</corps>
</html>
(2)envelopperTout
Copiez le code comme suit :
<!DOCTYPEhtml>
<html>
<tête>
<méta charset="UTF-8">
<title>Insérer le titre ici</title>
<script type="text/javascript" src="../jquery-2.0.0/jquery-2.0.0.js"></script>
<script type="text/javascript">
$(fonction() {
$("div a").wrapAll("<div id='id'></div>");
});
</script>
</tête>
<corps>
<div>
<a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a>
</div>
</corps>
</html>
Firebug affiche les résultats :
Copiez le code comme suit :
<!DOCTYPEhtml>
<html>
<tête>
<méta charset="UTF-8">
<title>Insérer le titre ici</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<script type="text/javascript">
$(fonction() {
$("div a").wrapAll("<div id='id'></div>");
});
</script>
</tête>
<corps>
<div>
<div id="id">
<a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a>
</div>
</div>
</corps>
</html>
(3) envelopper l'intérieur
Copiez le code comme suit :
<!DOCTYPEhtml>
<html>
<tête>
<méta charset="UTF-8">
<title>Insérer le titre ici</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<script type="text/javascript">
$(fonction() {
$("div").wrapInner("<div id='id'></div>");
});
</script>
</tête>
<corps>
<div>
<a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a>
</div>
</corps>
</html>
Firebug affiche les résultats :
Copiez le code comme suit :
<!DOCTYPEhtml>
<html>
<tête>
<méta charset="UTF-8">
<title>Insérer le titre ici</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<script type="text/javascript">
$(fonction() {
$("div").wrapInner("<div id='id'></div>");
});
</script>
</tête>
<corps>
<div>
<div id="id">
<a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a>
</div>
</div>
</corps>
</html>