javascript - 选择div内ul的id

Question

我需要一个变量来选择带有 class="cd-faq-group" 的 ul id。

ul 位于带有 id="items" 和 class="cd-faq-items" 的 div 内。

现在我在 js 函数中有以下代码:

但是，这似乎不起作用。

function searchBar() {
    var input, filter, ul, li, a, i;
    var ids = $('div.items').find("ul.cd-faq-group").attr("id");
}

是的，总的来说，我是一个编码菜鸟。

Answer 1

如果 div 中只有一个 ul，您可以使用:

function searchBar() {
    var input, filter, ul, li, a, i;
    var ids = $("#items").find("ul.cd-faq-group").attr("id");
}

其他

$(document).ready(function() {
  searchBar();
});


function searchBar() {
  var input, filter, ul, li, a, i;
  var uls = $("#items").find("ul.cd-faq-group");
  $.each(uls, function(i, item) {
    var id = item.id;
    console.log(id);
  });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="items" class="cd-faq-items">
  <ul id="1" class="cd-faq-group">
  </ul>
  <ul id="2" class="cd-faq-group">
  </ul>
  <ul id="3" class="cd-faq-group">
  </ul>
</div>