Получить идентификаторы объекта

113
18 января 2020, 20:50
<ol class="widget w-playlist" id="audio-post">
    <li class="js-open-popup" id="post-audio-li-1111"></li>
    <li class="js-open-popup" id="post-audio-li-222222"></li>
    <li class="js-open-popup" id="post-audio-li-333333333"></li>
    <li class="js-open-popup" id="post-audio-li-4444444"></li>
    <li class="js-open-popup" id="post-audio-li-5555555"></li>
    <li class="js-open-popup" id="post-audio-li-66666"></li>
</ol>

Есть объект audio-post. Как получить все идентификаторы <li> этого объекта? Как на JS отфильтровать полученные идентификаторы до чисел?

Чтобы на выходе получить:

var ol_id_li = '1111,222222,333333333,4444444,5555555,66666';
Answer 1

var id = []; //создаём пустой массив для id 
$('.js-open-popup').each(function(){ //проходим циклом по всем li 
  id.push($(this).attr('id').split('-').pop()); //заносим в массив числа из id 
}) 
var ol_id_li = id.join(); //преобразуем массив в строку 
console.log(ol_id_li)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<ol class="widget w-playlist" id="audio-post"> 
    <li class="js-open-popup" id="post-audio-li-1111"></li> 
    <li class="js-open-popup" id="post-audio-li-222222"></li> 
    <li class="js-open-popup" id="post-audio-li-333333333"></li> 
    <li class="js-open-popup" id="post-audio-li-4444444"></li> 
    <li class="js-open-popup" id="post-audio-li-5555555"></li> 
    <li class="js-open-popup" id="post-audio-li-66666"></li> 
</ol>

READ ALSO
Не добавлять не уникальный обьект в массив

Не добавлять не уникальный обьект в массив

Есть массив обьектов fruits, из которого, обьекты могут добавляются в массив selected

149
Почему mariadb Galera cluster работает медленно?

Почему mariadb Galera cluster работает медленно?

Имеется на данный момент 2 сервера с установленными mariadb В данный момент базы объединены в Galera cluster

169
Как искать сразу несколько разных слов в таблице?

Как искать сразу несколько разных слов в таблице?

Использую redbeanphpПодскажите пожалуйста, вот есть массив данных(разные слова) в переменной dataStrings и нужно найти все совпадения в базе данных...

162
Как в html поместить иконку SVG?

Как в html поместить иконку SVG?

Не отображает иконку SVGЕсли задать bacgkround-image, то иконка отображается (т

188