2013-10-26 33 views
0

条件语句元我有一个样本HTML这样的:包含的jQuery

<div class="item"> 
    <span class=itemlist>Soap</span> 
    <br>Zest 
    <br>Safeguard 
    <br>Perla 
</div> 

<div class="item"> 
    <span class=itemlist>Detergents</span> 
    <br>Tide 
    <br>Surf 
    <br>Ariel  
</div> 

,这是我的jQuery代码.empty()正文内容和输出包含在ITEMLIST“鞋”的DIV内容

var pro=$('.item .itemlist:contains(Shoes)'); 
output = pro.closest('.item')[0].outerHTML 
$('body').empty(); 
$('<div>').attr("id","result").appendTo('body'); 
$("#result").html(output); 

我要的是创建一个检查,如果SPAN ITEMLIST :contains鞋条件语句。如果不符合要求,则机身将被清空,并且#result div将提供“没有找到记录”之类的输出。否则,身体会被清空,它会输出匹配的记录它的标准

如果.itemlistcontains:鞋存在,那么输出将只是这样的:

<div class="item"> 
     <span class=itemlist>Shoes</span> 
     <br>Zara 
     <br>Adidas 
     <br>Nike  
</div> 
+0

您有与我们:

var pro=$('.item .itemlist:contains(Shoes)'); if(pro.length > 0) { output = pro.closest('.item')[0].outerHTML $('body').empty(); $('<div>').attr("id","result").appendTo('body'); $("#result").html(output); } else { $('body').html("<div>No records found</div>"); } 

看到一个小提琴? – underscore

+0

是的,我仍然在这里.. – Onimax

+0

你可以做一个jsfiddle吗? – underscore

回答

1

您可以检查的length财产看$()函数的结果,如果任何元素被由选择器,因为$()返回0以上的jQuery项的数组返回。这解决您的问题:现在http://jsfiddle.net/sJ5WV/1/

+0

它的工作!谢啦 :) – Onimax