1. Methode
Wrap: Alle passenden Elemente mit der Struktur anderer Elemente umschließen
wrapAll: Alle passenden Elemente mit einem einzigen Element umschließen
wrapInner: Umschließt die Unterklasse des passenden Elements mit einer HTML-Struktur
2. Beispiele
(1)wickeln
Kopieren Sie den Codecode wie folgt:
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="UTF-8">
<title>Titel hier einfügen</title>
<script type="text/javascript" src="../jquery-2.0.0/jquery-2.0.0.js"></script>
<script type="text/javascript">
$(Funktion() {
$("div a").wrap("<div id='id'></div>");
});
</script>
</head>
<Körper>
<div>
<a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a>
</div>
</body>
</html>
Firebug zeigt die Ergebnisse an:
Kopieren Sie den Codecode wie folgt:
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="UTF-8">
<title>Titel hier einfügen</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<script type="text/javascript">
</head>
<Körper>
<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>
</body>
</html>
(2)wrapAll
Kopieren Sie den Codecode wie folgt:
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="UTF-8">
<title>Titel hier einfügen</title>
<script type="text/javascript" src="../jquery-2.0.0/jquery-2.0.0.js"></script>
<script type="text/javascript">
$(Funktion() {
$("div a").wrapAll("<div id='id'></div>");
});
</script>
</head>
<Körper>
<div>
<a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a>
</div>
</body>
</html>
Firebug zeigt die Ergebnisse an:
Kopieren Sie den Codecode wie folgt:
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="UTF-8">
<title>Titel hier einfügen</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<script type="text/javascript">
$(Funktion() {
$("div a").wrapAll("<div id='id'></div>");
});
</script>
</head>
<Körper>
<div>
<div id="id">
<a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a>
</div>
</div>
</body>
</html>
(3)wrapInner
Kopieren Sie den Codecode wie folgt:
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="UTF-8">
<title>Titel hier einfügen</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<script type="text/javascript">
$(Funktion() {
$("div").wrapInner("<div id='id'></div>");
});
</script>
</head>
<Körper>
<div>
<a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a>
</div>
</body>
</html>
Firebug zeigt die Ergebnisse an:
Kopieren Sie den Codecode wie folgt:
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="UTF-8">
<title>Titel hier einfügen</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<script type="text/javascript">
$(Funktion() {
$("div").wrapInner("<div id='id'></div>");
});
</script>
</head>
<Körper>
<div>
<div id="id">
<a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a>
</div>
</div>
</body>
</html>