我不能选择与jQuery的div

我想选择一个div里面的一个UL和李，但我不能。我不能选择与jQuery的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>

我要选择去DIV ID = 'tituloilus'，但我不能达到它：

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

你能帮助我吗？

感谢

来源

2014-12-09 user3444371

使用你的HTML和它的作品对我来说JS：http://jsfiddle.net/DanielApt/n0h19tau/ – 2014-12-09 12:58:13

你为什么不只是使用'$（ '＃tituloilus'）...'？ ID应该是唯一的:) – vaso123 2014-12-09 12:58:38

正如人们指出的那样，ID是唯一的（或者应该是），所以直接定位是可以的。当它没有唯一的标识符时遍历查找某些el0必需的。 – Jason 2014-12-09 13:02:30

你并不需要找到它。它得到了（应该是唯一）的ID

$('#tituloilus')将工作

UPDATE：

当您正在加载使用Ajax HTML，简单事件hanlder将无法正常工作，您需要使用事件代表团

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

来源

2014-12-09 12:58:58

我在想它，但它不起作用。 $（'。grid'）起作用，但其中没有任何东西。 – user3444371 2014-12-09 13:01:30

@ user3444371你用javascript动态加载html吗？ – 2014-12-09 13:03:07

是的，没错，我正在用AJAX加载de html – user3444371 2014-12-09 13:04:54

如果有id ATTR，为什么你从父母选择id只关注自身。

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

JS fiddle

来源

2014-12-09 12:58:45 Ranjith

我不能选择与jQuery的div

回答

相关问题