什么是相同类名的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方法之后使用类名时,它被添加到可见和不可见的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/