什么是相同类名但隐藏的 jQuery 选择器？

Question

我的目标是在这个 div 之后添加 HTML（之后使用 jQuery）：

<div class="wpv-setting-container wpv-setting-container-horizontal wpv-settings-layout-markup js-wpv-settings-layout-extra">

由于应用程序的技术要求，我不得不使用类wpv-settings-layout-markup。但是，还有另一个 div 包含这个类，但它是隐藏的：

<div style="display:none;" class="wpv-settings-templates wpv-setting-container wpv-setting-container-horizontal wpv-settings-layout-markup" id="attached-content-templates">

现在，当我在 jQuery after 方法中使用类名时，它会同时添加到可见和不可见的 div 中。

$(".wpv-settings-layout-markup").after('data here');

如何修改这个选择器：

$(".wpv-settings-layout-markup")

只定位可见的 div？非常感谢。

Answer 1

使用:visible 选择器

$(".wpv-settings-layout-markup:visible")

更多信息可以在这里找到：http://api.jquery.com/visible-selector/

Answer 2

使用:visible 选择器

$(".wpv-settings-layout-markup:visible")