Get id value from multiple class

Question

Is it possible to get id value from some same classes ? this is my 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>

and here is clear.js

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

but it just print 1 , how can I print the 2 and 3?

Answer 1

If you want to print them separately, use each

$('.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>

If you want them in an array, use 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>