Question

我想隐藏所有（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

输入值

Answer 1

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

Answer 2

如下所示，隐藏所有并再次显示它们。虽然你的HTML并没有多大意义.....

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

请参阅此Fiddle

jquery hide show table td

2 个答案: