从多个类中获取 id 值

Question

是否可以从某些相同的类中获取 id 值？这是我的 clear.html

<p class="number" id="1">Number 1</p>
<p class="number" id="2">Number 2</p>
<p class="number" id="3">Number 3</p>

这是 clear.js

$(document).ready(function(){
    var curLoadProv = document.querySelector('.number').id;
    console.log(curLoadProv)
});

但它只是打印1，我如何打印2和3？

Answer 1

如果您想分别打印它们，请使用每个

$('.number').each(function() {
  console.log($(this).attr('id'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<p class="number" id="1">Number 1</p>
<p class="number" id="2">Number 2</p>
<p class="number" id="3">Number 3</p>

如果您希望它们在数组中，请使用map

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

console.log(ids);
console.log(ids.join(','));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<p class="number" id="1">Number 1</p>
<p class="number" id="2">Number 2</p>
<p class="number" id="3">Number 3</p>