Javascript 删除所有父html块，使用js/jQUery除去一个

我有一个div box：

 <div id="checkout-shipping-method-load">
        <dl class="sp-methods"> 
        <dt>Flat Rate</dt>
                <dd>
                <ul>
                    <li>
                        <input type="radio" class="radio" id="s_method_flatrate_flatrate" value="flatrate_flatrate" name="shipping_method">
                        <label for="s_method_flatrate_flatrate">Fixed<span class="price">5,00&nbsp;US$</span>
                        </label>
                    </li>
                </ul>
            </dd> 

           <dt>Delivery with Post Station</dt>
            <dd>
                <ul>
                    <li>
                        <input type="radio" class="radio" id="s_method_postservice_postservice" value="postservice_postservice" name="shipping_method">
                        <label for="s_method_postservice_postservice">PostService<span class="price">2,00&nbsp;US$</span>
                        </label>
                    </li>
                </ul>
            </dd>
        </dl>
    </div>

但什么都不管用！

---

请帮助如何做到这一点？

如果没有其他方法，您可以始终禁用所有输入，然后显式启用要保持活动状态的输入。适用于我->嗯，很有趣。。是否有任何方法隐藏另一个dd和dt块？

$( "input[name=shipping_method]:not('input#s_method_postservice_postservice')" ).prop('disabled', true );`