javascript - 如何在 jquery 中 td 为 0 时隐藏 tr 项目？

Question

我想隐藏所有 <tr>其中 td的文本为 0。我该怎么做？我不得不提一下，实际上我有 600 多行。但下面的例子是一个演示。谢谢

<table id ="list2">
       <tbody>
            <tr>
                <td>2</td>
                <td>213</td>
                <td id ="hideRow">0</td>
            <tr>
            <tr>
                <td>vb</td>
                <td>asf</td>
                <td id ="hideRow">0</td>
            <tr>
            <tr>
                <td>cxvb</td>
                <td>xcvb</td>
                <td id ="hideRow">2</td>
            <tr>
            <tr>
                <td>cas</td>
                <td>asdf</td>
                <td id ="hideRow">45</td>
            <tr>
       </tbody>
    </table>

这是我的尝试:| .事件由onclick事件加载

$('#list2').find("tr td #hideRow").each(function(){
        var txt2 = $(this).text();
        if (txt2 =="0"){
            $('#list2').find("tr").each(function(){
                $(this).hide();
            });
        }
})

Answer 1

首先，不要将 id 用于重复的名称。尝试像下面那样做。

<table id ="list2">
   <tbody>
        <tr>
            <td>2</td>
            <td>213</td>
            <td class="hideRow">0</td>
        <tr>
        <tr>
            <td>vb</td>
            <td>asf</td>
            <td class="hideRow">0</td>
        <tr>
        <tr>
            <td>cxvb</td>
            <td>xcvb</td>
            <td class="hideRow">2</td>
        <tr>
        <tr>
            <td>cas</td>
            <td>asdf</td>
            <td class="hideRow">45</td>
        <tr>
   </tbody>
</table>


$('#list2').find(".hideRow").each(function(){
        var txt2 = $(this).text();
        if (txt2 =="0"){
            $(this).parent().hide();
        }
})