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

如果它有id attr，为什么你从父id本身的焦点中选择。

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

<强> JS fiddle

Answer 2

你不需要找到它。它有一个ID（应该是唯一的）

$('#tituloilus')将有效

更新：

当您使用ajax加载html时，Simple事件hanlder将无效，您需要使用事件委派

$('.grid').on('click','#tituloilus',function(){
   alert("Works").
});

我不能用jQuery选择div

2 个答案: