我不能選擇與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

回答

相關問題