如何在弹出窗口中包装元素？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何在弹出窗口中包装元素？相关的知识，希望对你有一定的参考价值。
我试图在弹出窗口中包装除了一个元素。我所做的一切都行不通。例如。
在这个div（图或.leaflet-popup-content div）中，我想包装所有文本，标题图像，实际上除了图形或iframe之外的所有内容，以便轻松添加一些填充，而不必逐个选择所有元素。
<div class="leaflet-popup-content" style="width: 301px;">
<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-
provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div
class="wp- block-embed__wrapper">
<iframe ...></iframe>
</div></figure>
<h2>some title</h2>
<p>som text.</p>
</div>
我试过很多方法，比如
jQuery('.leaflet-popup-content').not('.wp-block-embed-youtube
').wrapAll('<div class="inner">
</div>');
但绝对没有任何反应。
答案
我修改了jQuery调用以获取子元素并过滤掉图形。
之前：
后：
jQuery(document).ready(function(){
jQuery("#doWrap").click(function(){
jQuery('.leaflet-popup-content').children().filter(":not(figure)").wrapAll('<div class="inner"> </div>');
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="leaflet-popup-content" style="width: 301px;">
<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-
provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div
class="wp- block-embed__wrapper">
<iframe></iframe>
</div></figure>
<h2>some title</h2>
<p>som text.</p>
</div>
<button id="doWrap">Wrap</button>以上是关于如何在弹出窗口中包装元素？的主要内容，如果未能解决你的问题，请参考以下文章
如何使用 iOS 的 phonegap 在弹出窗口中打开 PDF 文件