Перемещение элемента внутри блока
здравствуйте, у меня есть div блоки в которых есть несколько элементов, в некоторых блоках есть один элемент который стоит предпоследним, и его поставить на последнее место. Вот пример
<div class="block">
<p>текст</p>
<p>текст</p>
<div>текст</div>
</div>
<div class="block">
<p>текст</p>
<p>текст</p>
<iframe></iframe>/*этот элемент надо перенести под блок с классом src
<div class="src"></div>
</div>
Вот так я пытался это сделать
if ($(".block>iframe").length){
$(".src").after($(".block>iframe"));
}
Всё переносится, но в добавок iframe добавляется во все блоки с классом .block. Подскажите как сделать так, что бы перемещение происходило только в тех блоках в которых iframe присутствует. |
$(".block").has("iframe").append($(".block>iframe"));
|
Цитата:
<div class="block">
<p>текст</p>
<p>текст</p>
<div class="src"></div>
<iframe></iframe>
<iframe></iframe>
</div>
<div class="block">
<p>текст2</p>
<p>текст2</p>
<div class="src"></div>
<iframe></iframe>
<iframe></iframe>
</div>
|
[].forEach.call(document.querySelectorAll('.block>iframe'), function(el) {
el.parentNode.appendChild(el);
});
или
$('.block>iframe').each(function(){
$(this).parent().append($(this));
});
|
Большое спасибо) пока вроде работает)
|
| Часовой пояс GMT +3, время: 04:23. |