JQuery 设置show/hide显示隐藏属性无效的原因

问题描述：

表格中有radio选项，点击不同的radio选项会显示对应的表单选项。

操作就是对radio加change监听事件，根据不同选中的值将对应表单选项show()展示出来。

<table>
    <tr>
        <td>
            <div class="radio>
                <input class="os" name="os" type="radio" value="iphone"/>
                <input class="os" name="os" type="radio" value="iphone_beta"/>
                <input class="os" name="os" type="radio" value="android"/>
                <input class="os" name="os" type="radio" value="android_beta"/>
            </div>
        </td>
    </tr>
    <div class="choice">
        <tr>
            ……
        </tr>
    </div>
</table>

但是设置的show()和hide()一直不管用，找了很久很久……才发现我的问题是

jquery的show和hide只针对本身有效，对于div中有tr,td标签的，是不起作用的

解决方法：

去掉div，直接在tr上进行show()和hide()操作即可