JQuery 空函数

Question

我正在尝试完全清空一个 div，我在加载时使用 PHP 和 foreach 循环填充它，它的打印程序来自数据库，这是页面首次加载时源代码的样子

<div class="frame" id="program_list">                                       
<div class="box">
    <div class="box-holder">
        <div class="box-frame">
            <h3>Marathon</h3>                       <p>Run 26 miles around the city.</p>                                            <p>Trainer: John Doe</p>
                                                <span class="btn-program"><a href="#" tabindex="10"><em>BID PROGRAM</em></a></span>
                                            </div>
                                        </div>
                                    </div>


                                    <div class="box">
                                        <div class="box-holder">
                                            <div class="box-frame">
                                                <h3>Jumping Jacks</h3>
                                                <p>Do 400 Jumping Jacks in 15 minutes</p>
                                                <p>Trainer: Jane Doe</p>
                                                <span class="btn-program"><a href="#" tabindex="10"><em>BID PROGRAM</em></a></span>
                                            </div>
                                        </div>
                                    </div>

我正在尝试使用 jquery 空函数清空program_list div，如下所示:

        function clear_programs_div()
    {
        alert("Test");
        $("program_list").empty();
    }

但它似乎并没有摆脱 div 的。这个函数只删除内部文本而不删除元素吗？为什么它不删除里面的任何元素？任何建议都会有所帮助，谢谢!

Answer 1

您需要在program_list前添加#

$("#program_list").empty()