Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Помогите разобратся в селекторе! (https://javascript.ru/forum/jquery/48483-pomogite-razobratsya-v-selektore.html)

Modelfak 05.07.2014 22:05

Помогите разобратся в селекторе!
 
<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() {})

Aetae 05.07.2014 22:35

$('#block').on('click',function(event) {alert(event.target)})

рони 05.07.2014 22:49

:write:
$('#block').on('click','input',function(event) {alert(this)})

Modelfak 05.07.2014 23:18

Ну вот спасибо )) а как отличить li одного списка от li другого списка? если мне нужно над ними действия производить

<script>
$('#block').ready( function(){ 
    
    $('#block').on('click','ul li input',function(){
        
        var obj = $(this);
        if (!obj.attr("disabled","disabled"))
        {
            // действия с li
            
        }
        
    });
    });
</script>

рони 05.07.2014 23:35

Modelfak,
а самому почитать про селекторы -- $('li', $(this).parents('ul')) -- li данной группы
условие у вас странное - if (!obj.attr("disabled","disabled")) -- всё равно что if(false)


Часовой пояс GMT +3, время: 21:28.