2015-11-16 71 views
-5

我想隐藏的所有(TD)如果一个班里确实满足输入字段PLS建议jQuery的隐藏显示表TD

<tr> 
    <th>Rm</th> 
     <td class="CorriderTmp">CorriderTmp </td> 

     <td class="Tem">TemBalcony3 </td> 

     <td class="Balp New ">BalconyTmp New </td> 

     <td class="BalconyTmp New ">BalconyTmp New </td> 

     <td class="hmmm test">hmmm test </td> 

     <td class="Template Via Name">Template Via Name </td> 

     <td class="Bar Test Template">Bar Test Template </td> 

     <td class="na">na </td> 

     <td class="nas">na </td> 



</tr> 

$("#searchtemplate").click(function(){ 
    var getfilterrecord = $("#filterrecord").val(); // get the data after type 
    if(getfilterrecord == "CorriderTmp"){ 
     $(".CorriderTmp").show(); 
    } 
}); 

我想隐藏的所有数据,除了其输入查询后符合类值如何可能使用jQuery

+0

可以隐藏所有的TD的,然后显示另一个。 –

+0

您的代码示例有点令人困惑。 HTML和Javascript放在一起,格式化全部结束。查看代码指南:http://stackoverflow.com/help/mcve – Richard

回答

-2

像下面这样,隐藏所有并再次显示它们。虽然你的HTML并没有真正多大意义.....

$("#searchtemplate").click(function(){  
    $("table td").hide(); 
    $("." + $("#filterrecord").val()).show();   
}); 

看到这个Fiddle

0
$("#searchtemplate").click(function() { 
    var getfilterrecord = $("#filterrecord").val(); 
    $("table td").hide(); 
    $("."+getfilterrecord).show(); 
});