javascript - jQuery : extract tag from data

Question

使用 jQuery v3.2，我想从 AJAX 数据中提取并删除“H1”:

$('.version-modal-show').click(function() {
    var url = $(this).attr('href');
    $.ajax({
        url: url,
        type: 'GET',
        dataType: 'html',
        success:function(d) {
            console.log(d);
            modal.setBody(d);
            modal.open();                
        }
    });
    return false;
});

console.log(d)返回html brut:

<h1>
    <i class="fa fa-list" aria-hidden="true"></i>
    Centre d&#039;intérêt « TESTb »
</h1>
<p class="text-center">
    <a href="/app_dev.php/administration/hobbies" class="btn btn-secondary">
        <i class="fa fa-backward" aria-hidden="true"></i>
        Retour aux centres d&#039;intérêts
    </a>
</p>

我想从modal.setBody()中删除h1，但将其放入modal.setTitle()

Answer 1

您可以设置 .filter()编辑内容

modal.setTitle($(d).filter('h1').prop('outerHTML'));
modal.setBody($(d).filter('p.text-center').prop('outerHTML'));