Question

我有一个像这样的HTML

<div class="modal-content">
    <div class="modal-header">
        // Header Content Here
    </div>
    <div class="modal-footer">
        // Footer Content Here
    </div>
    <div class="modal-footer-after">
        // Footer Content Here
    </div>
</div>

我想把整个html放在课堂内＆＃34;模态内容＆＃34;但不是div class＆＃34; modal-footer＆＃34;

我拿到html之后应该看起来像这样

<div class="modal-header">
    // Header Content Here
</div>
<div class="modal-footer-after">
    // Footer Content Here
</div>

我正在尝试以下列方式使用jquery：

var formhtml = $(".modal-content").not(".modal-footer").html();

以上代码将返回整个html，包括＆＃34;模态页脚＆＃34; 。我错过了什么？

Answer 1

试试这个

$(function(){
    var html = '';
    $(".modal-content div").not(".modal-footer").each(function(){
        html+= $(this).html();
    })
    alert(html);
 });

<强> Demo

Answer 2

.not()没有按照您的想法行事。它会删除当前集合中的匹配项。

您可以克隆您的设置，然后删除您的页脚：

var formhtml = $(".modal-content").clone()

               //Find and remove your footer
               .find('.modal-footer').remove()

               //then return to last element set and get the html.
               .end().html();

JSFiddle

Answer 3

试在jquery中使用not()

$(".modal-content").children(":not('.modal-footer')").clone();

从所选的html中排除特定的div

3 个答案: