jquery - 相同类名但隐藏一个的 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/