清除div的一部分

Question

此弹出类别的高度为0.当按下按钮时，我将增加高度100％。里面有弹出包装类别div在我的数据存储。 也有用于用户控件的div（关闭弹出窗口）。

<div class="pop-up-category"> 
    <div class="pop-up-wrap-category"> 
    <p>clear just this content</p> 
//this this should be still visible(populated) 
    <div class="user-controls"> 
     <span class="close-popup btn btn-danger">Close</span> 
    </div> 
    </div> 
</div> 

JS：

$(document).on("click", ".close-popup", function() { 
     // console.log("sdasd"); 
     $('.pop-up-wrap-category').empty(); 
    }); 

如何清除弹出，包装类，但用户控件的内容仍停留可见？

Answer 1

找到p和明确的p-

$(document).on("click", ".close-popup", function() { 
    // console.log("sdasd"); 
    $('.pop-up-wrap-category > p').empty(); //use .remove() if you want to get the p tag deleted from DOM 
});