javascript - jquery wrap, append, prepend 到父 div

Question

我正在尝试检测某个 div 元素的高度何时为 0，以便显示带有消息的 div 元素。

function checkads() 
{
    if ($('#container').height() == 0) 
    {
        $('.wp_bannerize').wrap($('<div id="notice">ENABLE ADS</div>'));
    };
}

$(document).ready(checkads);

上面的工作正常，但是，无论如何，是否可以使脚本包装比子 div 高 1 或 2 级的父 div，而不必手动定义父级的类名“wp_bannerize”

Answer 1

你可以尝试这样的事情:

function checkads() {
    var $container = $('#container');
    if ($container.height() == 0) {
        $container.parent().wrap($('<div id="notice">ENABLE ADS</div>'));
        // OR $container.parent().parent().wrap($('<div id="notice">ENABLE ADS</div>'));
    }
}

或者将您的 checkads() 函数更改为:

function checkads($current) {
    if ($current.height() == 0) {
        $current.parent().wrap($('<div id="notice">ENABLE ADS</div>'));
    }
}

然后这样调用它:

checkads($('#container');
checkads($('#container2');
//etc...