Помогите разобратся в селекторе!
<div id="block">
Есть такой код. Нужно управлять input -ом(создавать определенные эфекты) при щелчке по нем, как определить какой именно инпут был щелкнут, при этом списки ul - динамичные и их количество может возростать. <div id="block"> <ul> <li class="classli1"><input type="text" value=""/> </li> <li class="classli2"><input type="text" value=""/> </li> <li class="classli3"><input type="text" value=""/> </li> <li class="classli4"><input type="text" value=""/> </li> </ul> <ul> <li class="classli1"><input type="text" value=""/> </li> <li class="classli2"><input type="text" value=""/> </li> <li class="classli3"><input type="text" value=""/> </li> <li class="classli4"><input type="text" value=""/> </li> </ul> </div> Знаю что перехват можно производить методом $('#block').on('click',function() {}) |
$('#block').on('click',function(event) {alert(event.target)})
|
:write:
$('#block').on('click','input',function(event) {alert(this)}) |
Ну вот спасибо )) а как отличить li одного списка от li другого списка? если мне нужно над ними действия производить
<script> $('#block').ready( function(){ $('#block').on('click','ul li input',function(){ var obj = $(this); if (!obj.attr("disabled","disabled")) { // действия с li } }); }); </script> |
Modelfak,
а самому почитать про селекторы -- $('li', $(this).parents('ul')) -- li данной группы условие у вас странное - if (!obj.attr("disabled","disabled")) -- всё равно что if(false) |
Часовой пояс GMT +3, время: 08:21. |