Переупорядочить / сгруппировать различные элементы в DOM, чтобы обернуть похожие

Question

Переупорядочить / сгруппировать различные элементы в DOM, чтобы обернуть похожие

0

У меня есть этот шаблон, который я должен изменить с помощью jQuery:

    <li class="ref">
        <a href="#title1">title1</a>
    </li>
    <div id="title1" class="content"></div>
    <li class="ref">
        <a href="#title2">title2</a>
    </li>
    <div id="title2" class="content"></div>

Мне нужно, чтобы это стало:

  <ul>
    <li class="ref">
        <a href="#title1">title1</a>
    </li>
    <li class="ref">
        <a href="#title2">title2</a>
    </li>
 </ul>
<div>
    <div id="title1" class="content"></div>
    <div id="title2" class="content"></div>
</div>

Я знаю, что могу завершить в конце как группу li и div, но я бы оценил простой способ добиться этой группировки всех из них в DOM, чтобы заменить их в правильном порядке.

antk3 21 окт. 2013, в 13:01

Источник

0

Я бы предложил сделать это в исходном коде, а не в jQuery, так как то, что у вас изначально есть, недопустимо и испортит компоновку ul . Исправление элементов после загрузки DOM все равно оставит страницу недействительной.
Rory McCrossan 21 окт. 2013, в 10:27
0

Спасибо за ваш комментарий. Поскольку я хотел бы, чтобы мой код был чистым, не могли бы вы сказать мне, какой инструмент дает недопустимую ошибку этому коду? Ответы ниже исправили мои проблемы, и моя консоль не показывает ошибки.
antk3 21 окт. 2013, в 11:18
0

Ваша консоль не будет отображать ошибку, однако страница будет отображаться в режиме причуд, а не в стандартах. Это может привести к проблеме с JavaScript, особенно в IE. Вы должны быть в состоянии сказать, что средство визуализации используется в части консоли DOM или с помощью валидатора w3c.
Rory McCrossan 21 окт. 2013, в 12:20

Показать ещё 1 комментарий

Теги:

javascript

jquery

2 ответа

0

Это должно помочь (скрипку):

var ul = $('<ul>'), div = $('<div>'), body = $('body')
$('.ref').appendTo(ul)
$('.content').appendTo(div)
ul.add(div).appendTo(body)

krasu 21 окт. 2013, в 08:20

0

Спасибо, красу, ответ Бипена проще, поэтому я пойду на это. Я буду голосовать за всех, когда у меня будет больше представителей.
antk3 21 окт. 2013, в 10:44

Ещё вопросы

Я бы предложил сделать это в исходном коде, а не в jQuery, так как то, что у вас изначально есть, недопустимо и испортит компоновку ul . Исправление элементов после загрузки DOM все равно оставит страницу недействительной.
Спасибо за ваш комментарий. Поскольку я хотел бы, чтобы мой код был чистым, не могли бы вы сказать мне, какой инструмент дает недопустимую ошибку этому коду? Ответы ниже исправили мои проблемы, и моя консоль не показывает ошибки.
Ваша консоль не будет отображать ошибку, однако страница будет отображаться в режиме причуд, а не в стандартах. Это может привести к проблеме с JavaScript, особенно в IE. Вы должны быть в состоянии сказать, что средство визуализации используется в части консоли DOM или с помощью валидатора w3c.
Спасибо, красу, ответ Бипена проще, поэтому я пойду на это. Я буду голосовать за всех, когда у меня будет больше представителей.

bipen · Accepted Answer · 2013-10-21T09-11-00.000Z

вы можете использовать wrapAll() для wrapAll() селектора

 $('.ref').wrapAll('<ul>');
 $('.content').wrapAll('<div>');

скрипка здесь