javascript - 无法在 sibling tr(表行)上应用 jquery slice 方法

Question

下面的代码是自动解释的:

HTML:

<table cellspacing="1" class="CRMP_WP_QUICKADS_PLUGIN">
    <tr id="CRMP_WP_QUICKADS_tr_in_content">
        <td>
            <table>
                <tr>
                    <td>
                        <input type="radio" name="in_content" value="1">
                    </td>
                    <td>
                        Enabled
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="radio" name="in_content" value="0">
                    </td>
                    <td>
                        Disabled
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <th colspan="2">
            Hover Ads
        </th>
    </tr>
    <tr>
        <td>
            ...
        </td>
    </tr>
...
</table>

JavaScript:

$("input[name='in_content']").click(function(){
    if ($(this).val()){
        $("#CRMP_WP_QUICKADS_tr_in_content").nextAll().slice(0,6).show();
    } else{
        $("#CRMP_WP_QUICKADS_tr_in_content").nextAll().slice(0,6).hide();
    }
}); 

隐藏/显示效果未运行。-

Answer 1

这个有用吗？

$("#CRMP_WP_QUICKADS_tr_in_content").nextAll()
   .slice(0,6)
   .each(function(index, element) {
       element.hide();
});