Question

我有一个网页，我在其中定义了一个带有ID＆＃34; selectedProduct＆＃34;的DIV元素，现在当我点击特定链接时，它将调用ajax请求，它将用响应数据填充DIV元素。但我要求当onBlur事件发生在＆＃34; selectedProduct＆＃34; DIV，它应该删除它的所有子元素。我的代码如下：

<script type="text/javascript">
function getPage(event,id)
{
    event.preventDefault();
    var page = document.getElementById(id).id + ".html";
    var dataString = page               

    $.ajax(
    {
        type: "POST",
        url: page,
        data: dataString,
        cache: false,
        success: function(result)
        {
            var result=result;

            $("#selectedProduct").html(result);
            //  location.replace("index1.html");                                                
        }
    });
}

function focOFF(id)
{
 // I don't have any idea what code should i write here which can remove all child of DIV element....
}
</script>

<body>
<a href="#selectedProduct" style="text-decoration:none" id="solar_power_plant" target="new" onClick="getPage(event,this.id)" class="scroll">Solar Power Plant</a>

<div id="selectedProduct" onBlur="focOFF(this.id)">
</div>

</body>

Answer 1

使用以下解决方案获取所有子元素并删除它们，

function focOFF(id)
{
    $( "#"+id ).children().remove();
}

Answer 2

在模糊功能中使用empty()功能。它会删除所选元素的所有子节点

unpack

Answer 3

<select name="dex_item" id="dex_item" onchange="dex_updateItem()">
<option value=1>2016</option>
<option value=4>2017</option>
<option value=5>2018</option>
</select>

如何在onBlur事件中删除DIV元素的所有子元素？

3 个答案: