advanced selector doesn't match using jquery

Question

I have three ids in DOM, but somehow this code don't work? No error

$(function() {
  console.log('test')

  $('[div][id*="sohai"]').each(function() {
  console.log($(this))
})
})

https://jsbin.com/bumoyezena/edit?html,js,console,output

Answer 1

Remove [] surrounding the div selector

 $(function() { console.log('test') $('div[id*="sohai"]').each(function() { //^---^-------------------- console.log(this.id); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="sohai-1"></div> <div id="sohai-2"></div> <div id="sohai-3"></div>