Jquery фильтрация списка требуется помощь

Question

Здравствуйте, я хочу немного изменить функцию списка фильтрации вместо фильтрации литий, я хочу, чтобы сканировать многократный UL теги в DIV, который содержит, который содержит те же элементы списка в нем хау это возможно с этим

вот мой код JS

$(document).ready(function() { 
    $('#s').keyup(function(){ 
    var valThis = $(this).val().toLowerCase(); 
    $('.domain_pricing_list>li').each(function(){ 
    var text = $(this).text().toLowerCase(); 
     (text.indexOf(valThis) == 0) ? $(this).show() : $(this).hide();    
    }); 
    }); 
}); 

вот мой HTML

<input placeholder="Search..." id="s" type="text" /> 
<div class="domain_pricing_list"> 
    <ul> 
     <li><span>TLD</span>.com</li> 
     <li><span>Duration</span>1 Year</li> 
     <li><span>Registration</span>$10</li> 
     <li><span>Renewal</span>$10.45</li> 
     <li><span>Transfer</span>$10.33</li> 
    </ul> 

    <ul> 
     <li><span>TLD</span>.net</li> 
     <li><span>Duration</span>1 Year</li> 
     <li><span>Registration</span>$10</li> 
     <li><span>Renewal</span>$10.45</li> 
     <li><span>Transfer</span>$10.33</li> 
    </ul> 

    <ul> 
     <li><span>TLD</span>.org</li> 
     <li><span>Duration</span>1 Year</li> 
     <li><span>Registration</span>$10</li> 
     <li><span>Renewal</span>$10.45</li> 
     <li><span>Transfer</span>$10.33</li> 
    </ul>  
</div> 

Answer 1

Неправильный селектор CSS. Оно должно быть:

$('.domain_pricing_list > ul >li') 

.domain_pricing_list > li означает "прямой ребенок .domain_pricing_list" элемент. Согласно вашему HTML, таких детей нет. Непосредственными потомками .domain_pricing_list являются ul теги.

Демо:http://jsfiddle.net/06kvcmqq/