我不能用jQuery选择div

Question

我试图在ul和li中选择一个div,但我不能.

这是我的HTML:

<ul class="grid">

   <div id='categoria' cat='web'></div>

   <li id='1' data-x="2"><img src="../../images/img5.jpg"></li>

   <li id="category">

      <div class='categories' id='about'>

      </div>

      <div class='categories' id='contact'></div>

      <div id='titulo-web'><h3>Diseño Web</h3></div>
      <div class='categories' id='web'>

      </div>

      <div id='tituloilus'><h3>Ilustracion</h3></div>

      <div class='categories' id='ilustracion'>

      </div>

      <div  style='height:1000px;'></div>
    </li>
</ul>

我想选择de div id ='tituloilus',但我无法达到它:

$('ul.grid li#category #tituloilus').on('click' , function(){
    alert('You have selected it'); 
});

你能帮助我吗？

谢谢

Answer 1

如果它有idattr,为什么你从父母那里选择焦点id.

$('#tituloilus').on('click' , function() { 
     alert('You have selected it'); 
});

JS小提琴