从 Ajax 响应中删除元素

Question

假设我想通过 AJAX 加载此文件：

<!-- loadme.html -->

<div class='content'>
    Hello !
    <div class='removeme'>Remove me, please.</div>
</div>

如何仅获取 Hello 内容？我尝试了多种方法来删除 .removeme div，它总是失败：

$.ajax({
    url: 'loadme.html',
    success: function(data) {
        var response = $('<div />').html(data);

        // First try :
        var content1 = response.find('.content').html()
        console.log(content1); // Return : Hello ! <div class="removeme">Remove me, please.</div>

        // Second Try :
        var content2 = response.find('.content').remove('.removeme').html()
        console.log(content2); // Return : Hello ! <div class="removeme">Remove me, please.</div>

        // Third Try :
        var content3 = response.find('.content').html();
        console.log($(content3).remove('.removeme').html()); // Return : Remove me, please
    }
});

Answer 1

尝试：

var temp = response.find('.content');
temp.children('.removeme').remove();
var content4 = temp.html();