使用jquery获取section标签内的所有span

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获取每个span 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>