jquery - 使用 jquery 通过 id inside section 标签获取所有跨度

Question

您好，我在我的页面中使用了一个部分标签，其中我有多个具有不同 ID 的跨度，如下所示有一个示例:

<section class="blog-summary-read col-md-6 col-md-offset-1">
  <span id="spnid2">2</span>
  <span id="spnid3">3</span>
  <span id="spnid4">4</span>
  <span id="spnid5">5</span>
  <span id="spnid6">6</span>
</section>

我如何使用 jquery 获取每个跨度 ID？

Answer 1

获取所有span元素，然后迭代获取id。

/** Method 1 : to get as an array **/

console.log(
  // get all span elements have id and within section 
  $('section span[id]')
  // iterate to generate the array of id
  .map(function() {
    // return the id value
    return this.id;
  })
  // get array from jQuery object
  .get()
)

/** Method 2 : just iterating **/

$('section span[id]').each(function() {
  console.log(this.id);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section class="blog-summary-read col-md-6 col-md-offset-1">
  <span id="spnid2">2</span>
  <span id="spnid3">3</span>
  <span id="spnid4">4</span>
  <span id="spnid5">5</span>
  <span id="spnid6">6</span>
</section>