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

如果ul中只有一个div，则可以使用：

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

ELSE

$(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>

Answer 2

尝试一下...

var ids = $('div#items').find('ul.cd-faq-group').attr('id');
console.log(ids)

<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>
</div>

多个ul

$("div#items ul").on("click", function(){
  console.log($(this).attr('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">1</ul>
<ul id="2" class="cd-faq-group">2</ul>
<ul id="3" class="cd-faq-group">3</ul>
</div>

在div中选择ul的ID

2 个答案: