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

我的目标是这个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？非常感谢。

最佳答案

使用:visible选择器

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

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

关于jquery - 相同类名但隐藏的jQuery选择器是什么？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18229492/