Помогите разобратся в селекторе!
<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, время: 10:20. |