获取具有特定类的所有子元素的id

Question

我需要从中获取"车辆"类的ID <ul>.我如何使用jquery/javascript获得它？可以通过遍历所有元素来完成吗？提前致谢.

<ul id="ulList">
  <li id="car" class="vehicle">
  <li id="bus" class="vehicle">
  <li id="cat" class="animal">
  <li id="dog" class="animal">
  <li id="bike" class="vehicle">
  <li id="monkey" class="animal">
</ul>

Answer 1

使用map().

另外,请在代码段(class="")中更正HTML标记.

最后,如果你需要一个真正的JavaScript数组(而不是jQuery的字符串集合 - jQuery的集合[sets]通常包含DOM元素,但可以包含任何内容),请使用.get().

var ids = $('#ulList .vehicle').map(function(){
  return $(this).attr('id');
  }).get();

console.log(ids);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<ul id="ulList">
  <li id="car" class="vehicle"></li>
  <li id="bus" class="vehicle"></li>
  <li id="cat" class="animal"></li>
  <li id="dog" class="animal"></li>
  <li id="bike" class="vehicle"></li>
  <li id="monkey" class="animal"></li>
</ul>