我想将 div 附加到文档中的某个(任何)元素。div 的高度和宽度应与其附加的元素相同。我在JsFiddle(link)上举了一个例子:
$('body *').each(function() {
var t = $(this),
w = t.width().toFixed(),
h = t.height().toFixed();
t.prepend('<div class="over" style="height:'+h+'px;width:'+w+'px;">'+w+' + '+h+'</div>');
});
在我使用的示例中H2
。问题是,如果我在我的 chrome 控制台中查看 H2,它有这些dimensions:420px + 40px
. 但是我附加的 div 给了我419px + 23px
.
我可以通过从 H2 中删除 css 来解决它,但我真的很想保留它。那么如何为附加的 div 设置正确的尺寸,就像我在控制台中看到的那样?(我尝试了事件prepend
, append
, appendTo
, before
,insertBefore
等after
但没有运气)