jquery hide show table td

Question

I want to hide all the (TD) if one my class does meet input field pls suggest

<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();
    }
});

I would like to hide up all the data except which meet class after inputing the value how it possible using jquery

Answer 1

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

Answer 2

Something like below,hiding all and showing them again. Although your HTML doesn't really make much sense.....

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

See this Fiddle