0

Доброго времени! Вопрос такой - есть у меня div блок и в нем некоторое количество дочерних div блоков с классом getmore и мне надо получить в переменную весь html дочерних блоков но при этом изъять из него указанный дочерний блок например последний с id refer

 <div id='zzz'>
    <div class="getmore"></div>
    <div class="getmore"></div>
    <div class="getmore"></div>
    <div class="getmore" id="refer"></div>
 </div>

пробовал так я записываю в переменную js дочерние элементы так

var zzz = $("#zzz").html();

потом при помощи str replace просто удалять div с нужным id но работает не корректно, как можно по другому более нормально получить только нужные мне блоки исключив к примеру последний?

6
  • 2
    $('#zzz .getmore:not(#refer)')
    – Grundy
    16 авг 2017 в 12:14
  • @Grundy опередил :)
    – Drag13
    16 авг 2017 в 12:15
  • @Grundy, ответы - в ответы.
    – Qwertiy
    16 авг 2017 в 12:38
  • @Grundy да можно пожалуйста в ответ что бы я мог пометить, и пожлуйста как это в переменную записать, а то я сейчас попробовал по своемуи что то не так получилось(
    – dantelol
    16 авг 2017 в 12:39
  • @Qwertiy, вопросы в вопросы :-)
    – Grundy
    16 авг 2017 в 12:40

1 ответ 1

0

Можно воспользоваться селектором :not(), в котором указать элементы, которые не должны входить в выборку.

Например так:

var elements = $('#zzz .getmore:not(#refer)');

Если нужны элементы, на этом можно остановиться.

Если нужен html из этих элементов, можно использовав метод map получить html для каждого элемента, получить из коллекции обычный массив с помощью get() и объединить его с помощью функции join()

var htmlString = elements.map((i,el)=>el.outerHTML).get().join('');

var elementsWithoutRefer = $('#zzz .getmore:not(#refer)');
elementsWithoutRefer.css('color', 'red');

console.log(elementsWithoutRefer.map((i, el) => el.outerHTML).get().join(''));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='zzz'>
  <div class="getmore">1</div>
  <div class="getmore">2</div>
  <div class="getmore">3</div>
  <div class="getmore" id="refer">4</div>
</div>

2
  • Спасибо! А можно получить не только содержимое а и сами кнтейнеры? вот так что бы было <div class="getmore">1</div> <div class="getmore">2</div> <div class="getmore">3</div>
    – dantelol
    16 авг 2017 в 13:03
  • @dantelol, так сейчас именно это и выводится, смотри вывод в консоли
    – Grundy
    16 авг 2017 в 13:06

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.