// 这会删除元素的所有子节点（包括文本节点和其他元素）
$('#yourElement').empty();

// 这会清空元素的文本内容，但保留子元素
$('#yourElement').text('');

// 这会清空元素的HTML内容（包括文本和子元素）
$('#yourElement').html('');

// 只删除文本节点，保留其他子元素
$('#yourElement').contents().filter(function() {
    return this.nodeType === Node.TEXT_NODE;
}).remove();

<div id="example">
    This is some text
    <span>This is a span element</span>
    More text here
</div>

<button id="emptyBtn">Empty</button>
<button id="textBtn">Clear Text</button>
<button id="htmlBtn">Clear HTML</button>
<button id="filterBtn">Filter Text Nodes</button>

<script>
$(document).ready(function() {
    // 清空所有内容
    $('#emptyBtn').click(function() {
        $('#example').empty();
    });
    
    // 只清空文本内容
    $('#textBtn').click(function() {
        $('#example').text('');
    });
    
    // 清空HTML内容
    $('#htmlBtn').click(function() {
        $('#example').html('');
    });
    
    // 只删除文本节点
    $('#filterBtn').click(function() {
        $('#example').contents().filter(function() {
            return this.nodeType === Node.TEXT_NODE;
        }).remove();
    });
});
</script>