Javascript 隐藏<；td>；使用基于输入值的jquery

如果

输入
值
为
0
但我无法使其工作，我想隐藏
td



隐藏
显示
$（文档）.ready（函数（）{
$（“.btn1”）。单击（函数（）{
$（“td”）.hide（）；
});
$（“.btn2”）。单击（函数（）{
$（“td”）.show（）；
});
});
将HTML更改为：

<td><input type="radio" name="hideifvalue0" value="0"></td>
<td><input type="radio" name="hideifvalue0" value="1"></td>

不是我推荐的方式，但这修复了选择器：

JSFiddle：

注意事项：


您的HTML无效-添加了
表
和
tr
元素
对于更简单的选择器（例如，
class=“hidethese”
）和
$（'.hidethese'）.hide（），您应该只在公共元素上使用类

首先，您的html元素是错误的<代码>
应该在

比如：


隐藏
显示

然后，jQuery代码如下所示：

$（.btn1”）。在（'click'，函数（）{
$（“输入：单选[value='0']”）。父项（）.hide（）；
});

$（.btn2”）。在（'click'，函数（）{
$（“输入：radio[value='0']”）。parent（）.show（）；
});
此html无效。Td应该是tabla和trAnd的子项，它应该是
value=“0”
而不是
value“0”
。你在找这个吗？谢谢你的帮助，但是我可以在同一个命令中隐藏一个类吗？我在另一个td中存储了一个标签：jsfiddle.net/swcmp2ws/1jsfiddle中的代码应该可以工作……问题是如果输入值为零，而不是如果它有一个特定的名称，如何隐藏td。您的代码实际上会错误地隐藏两个TDs。这仍然是错误的。它需要检查value=“0”而不是value=“hideifvalue0”这个问题措词不当，但我猜输入上的名称只是为了说明目的。@unix和隐藏/显示按钮的用途是：）隐藏子输入值为零的表单元格。为什么——谁知道呢！当这可以合并到实际的jQuery选择器中时，不需要迭代输入，检查值。请检查它，然后降级。我已经更改了：）如果还有一个输入类型=text怎么办。然后此代码也会影响该输入。。是吗？是的，会的，但考虑到示例HTML，这应该不是问题。我们只需要有一个具体的选择器，以解决手头的问题。
<td><input type="radio" name="hideifvalue0" value="0"></td>
<td><input type="radio" name="hideifvalue0" value="1"></td>

 $(document).ready(function(){
   $(".btn1").click(function(){
     $("input[value='0']").parent().hide();
   });
   $(".btn2").click(function(){
     $("input[value='0']").parent().show();
   });
});

$(document).ready(function () {
    $(".btn1").click(function () {
        $('td:has(input[value="0"])').hide();
               //or
        $('input[value="0"]').parent().hide();
    });
    $(".btn2").click(function () {
        $('td:has(input[value="0"])').show();
               //or
        $('input[value="0"]').parent().show();
    });
});