1. Método
wrap: envuelve todos los elementos coincidentes con la estructura de otros elementos
wrapAll: envuelve todos los elementos coincidentes con un solo elemento
wrapInner: envuelve la subclase del elemento coincidente con una estructura html
2. Ejemplos
(1)envolver
Copie el código de código de la siguiente manera:
<!DOCTYPE html>
<html>
<cabeza>
<meta juego de caracteres="UTF-8">
<title>Insertar título aquí</title>
<script tipo="text/javascript" src="../jquery-2.0.0/jquery-2.0.0.js"></script>
<tipo de script="texto/javascript">
$(función() {
$("div a").wrap("<div id='id'></div>");
});
</script>
</cabeza>
<cuerpo>
<div>
<a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a>
</div>
</cuerpo>
</html>
firebug muestra los resultados:
Copie el código de código de la siguiente manera:
<!DOCTYPE html>
<html>
<cabeza>
<meta juego de caracteres="UTF-8">
<title>Insertar título aquí</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" tipo="texto/javascript">
<tipo de script="texto/javascript">
</cabeza>
<cuerpo>
<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>
</cuerpo>
</html>
(2)envolver todo
Copie el código de código de la siguiente manera:
<!DOCTYPE html>
<html>
<cabeza>
<meta juego de caracteres="UTF-8">
<title>Insertar título aquí</title>
<script type="text/javascript" src="../jquery-2.0.0/jquery-2.0.0.js"></script>
<tipo de script="texto/javascript">
$(función() {
$("div a").wrapAll("<div id='id'></div>");
});
</script>
</cabeza>
<cuerpo>
<div>
<a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a>
</div>
</cuerpo>
</html>
firebug muestra los resultados:
Copie el código de código de la siguiente manera:
<!DOCTYPE html>
<html>
<cabeza>
<meta juego de caracteres="UTF-8">
<title>Insertar título aquí</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" tipo="texto/javascript">
<tipo de script="texto/javascript">
$(función() {
$("div a").wrapAll("<div id='id'></div>");
});
</script>
</cabeza>
<cuerpo>
<div>
<div id="id">
<a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a>
</div>
</div>
</cuerpo>
</html>
(3)envoltura interior
Copie el código de código de la siguiente manera:
<!DOCTYPE html>
<html>
<cabeza>
<meta juego de caracteres="UTF-8">
<title>Insertar título aquí</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" tipo="texto/javascript">
<tipo de script="texto/javascript">
$(función() {
$("div").wrapInner("<div id='id'></div>");
});
</script>
</cabeza>
<cuerpo>
<div>
<a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a>
</div>
</cuerpo>
</html>
firebug muestra los resultados:
Copie el código de código de la siguiente manera:
<!DOCTYPE html>
<html>
<cabeza>
<meta juego de caracteres="UTF-8">
<title>Insertar título aquí</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" tipo="texto/javascript">
<tipo de script="texto/javascript">
$(función() {
$("div").wrapInner("<div id='id'></div>");
});
</script>
</cabeza>
<cuerpo>
<div>
<div id="id">
<a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a>
</div>
</div>
</cuerpo>
</html>