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()操作即可