代码之家  ›  专栏  ›  技术社区  ›  Doug Molineux

JQuery空函数

  •  3
  • Doug Molineux  · 技术社区  · 16 年前

    <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 empty函数清空program_list div,如下所示:

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

    4 回复  |  直到 16 年前
        1
  •  10
  •   mikerobi    16 年前

    你需要添加 # 程序列表之前

    $("#program_list").empty()
    
        2
  •  2
  •   Jakub Konecki    16 年前

    如果要按添加的css类选择元素。在类名之前。

    $("#program_list").empty()
    
        3
  •  2
  •   Alex P    16 年前

    $("div#program_list").remove();
    

    remove() 将删除id为“program_list”的div 和 里面的一切。

    empty() 将删除div中的内容 但是 不是div元素本身

    see jQuery documentation here

        4
  •  0
  •   Nacho    11 年前

    在jQuery中,如果要访问必须使用id的元素 #

    例如: $("#program_list").empty() 或 $("#program_list").delete()

    但是,如果要使用类访问元素,则必须使用 .

    $(".program_list").empty() 或 $(".program_list").delete()

    与 $(“程序列表”).empty() 会完全清空你的div