2014-12-09 4 views
0

Я пытаюсь выбрать div внутри ul и li, но я не могу.Я не могу выбрать div с jQuery

Это мой 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'); 
}); 

Можете ли вы мне помочь?

Благодаря

+3

Использование HTML и JS это работает для меня: http://jsfiddle.net/DanielApt/n0h19tau/ –

+1

Почему бы вам не использовать просто '$ ('# tituloilus') ...'? Идентификаторы должны быть уникальными :) – vaso123

+0

Как указывают люди, идентификатор уникален (или должен быть), поэтому нацеливание на него напрямую в порядке. Перемещение, чтобы найти определенные el0is необходимые, когда у него нет уникального идентификатора. – Jason

ответ

1

Вам не нужно, чтобы найти его. Она имеет идентификатор (должен быть уникальным)

$('#tituloilus') будет работать

UPDATE:

Как вы загружаете HTML с помощью AJAX, Simple hanlder события не будет работать, Вам нужно использовать событие делегация

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

Я думал об этом, но он не работает. $ ('. grid') работает, но ничего не внутри. – user3444371

+0

@ user3444371 Вы загружаете html динамически с помощью javascript? –

+0

Да, это правильно, я загружаю html с помощью AJAX – user3444371

8

Если он имеет id Attr, почему вы выбрали из родителей только фокус с id сам.

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

JS fiddle

Смежные вопросы