1. Метод
обертка: обернуть все соответствующие элементы структурой других элементов
WrapAll: обернуть все соответствующие элементы одним элементом.
WrapInner: обернуть подкласс соответствующего элемента структурой html.
2. Примеры
(1)обертка
Скопируйте код кода следующим образом:
<!DOCTYPE html>
<html>
<голова>
<мета-кодировка="UTF-8">
<title>Вставьте сюда заголовок</title>
<script type="text/javascript" src="../jquery-2.0.0/jquery-2.0.0.js"></script>
<тип сценария="текст/javascript">
$(функция() {
$("div a").wrap("<div id='id'></div>");
});
</скрипт>
</голова>
<тело>
<дел>
<a>люсинъю</a> <a>люсинъю</a> <a>люсинъю</a> <a>люсинъю</a>
</div>
</тело>
</html>
Firebug отображает результаты:
Скопируйте код кода следующим образом:
<!DOCTYPE html>
<html>
<голова>
<мета-кодировка="UTF-8">
<title>Вставьте сюда заголовок</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<тип сценария="текст/javascript">
</голова>
<тело>
<дел>
<div id="id">
<a>люсинъю</a>
</div>
<div id="id">
<a>люсинъю</a>
</div>
<div id="id">
<a>люсинъю</a>
</div>
<div id="id">
<a>люсинъю</a>
</div>
</div>
</тело>
</html>
(2)обернутьВсе
Скопируйте код кода следующим образом:
<!DOCTYPE html>
<html>
<голова>
<мета-кодировка="UTF-8">
<title>Вставьте сюда заголовок</title>
<script type="text/javascript" src="../jquery-2.0.0/jquery-2.0.0.js"></script>
<тип сценария="текст/javascript">
$(функция() {
$("div a").wrapAll("<div id='id'></div>");
});
</скрипт>
</голова>
<тело>
<дел>
<a>люсинъю</a> <a>люсинъю</a> <a>люсинъю</a> <a>люсинъю</a>
</div>
</тело>
</html>
Firebug отображает результаты:
Скопируйте код кода следующим образом:
<!DOCTYPE html>
<html>
<голова>
<мета-кодировка="UTF-8">
<title>Вставьте сюда заголовок</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<тип сценария="текст/javascript">
$(функция() {
$("div a").wrapAll("<div id='id'></div>");
});
</скрипт>
</голова>
<тело>
<дел>
<div id="id">
<a>люсинъю</a> <a>люсинъю</a> <a>люсинъю</a> <a>люсинъю</a>
</div>
</div>
</тело>
</html>
(3)оберткаВнутренняя
Скопируйте код кода следующим образом:
<!DOCTYPE html>
<html>
<голова>
<мета-кодировка="UTF-8">
<title>Вставьте сюда заголовок</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<тип сценария="текст/javascript">
$(функция() {
$("div").wrapInner("<div id='id'></div>");
});
</скрипт>
</голова>
<тело>
<дел>
<a>люсинъю</a> <a>люсинъю</a> <a>люсинъю</a> <a>люсинъю</a>
</div>
</тело>
</html>
Firebug отображает результаты:
Скопируйте код кода следующим образом:
<!DOCTYPE html>
<html>
<голова>
<мета-кодировка="UTF-8">
<title>Вставьте сюда заголовок</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<тип сценария="текст/javascript">
$(функция() {
$("div").wrapInner("<div id='id'></div>");
});
</скрипт>
</голова>
<тело>
<дел>
<div id="id">
<a>люсинъю</a> <a>люсинъю</a> <a>люсинъю</a> <a>люсинъю</a>
</div>
</div>
</тело>
</html>