javascript - 获取具有特定类的所有子元素的 ID

Question

我需要从 <ul> 中获取“车辆”类的 ID .我如何使用 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 标记。

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

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>