javascript - 根据输入值使用 jquery 隐藏 <td>

Question

如果input value为0，我想隐藏td，但我无法将其隐藏工作？

http://jsfiddle.net/zxpsd8x6/1/

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

<button class="btn1">Hide</button>
<button class="btn2">Show</button>
<script>
 $(document).ready(function(){
 $(".btn1").click(function(){
 $("td").hide();
 });
 $(".btn2").click(function(){
 $("td").show();
 });
});
</script>

Answer 1

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

JSFiddle:http://jsfiddle.net/swcmp2ws/

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

注释:

• 您的 HTML 无效 - 添加了 table 和 tr 元素
• 您应该只在通用元素上使用类来实现更简单的选择器(例如 class="hidethese")和 $('.hidethese').hide()<