根据CSS选择子元素
所以我想做的是使用 jQuery 在 slide_items 中选择一个未设置为 display: none 的 div 。我怎么能这么做呢？
<div id="slide_items">
<div id="slide_item_1">
<h2>Item 1</h2>
<p>Text</p>
</div>
<div id="slide_item_2" style="display: none;">
<h2>Item 2</h2>
<p>Text</p>
</div>
<div id="slide_item_3" style="display: none;">
<h2>Item 3</h2>
<p>Text</p>
</div>
<div id="slide_item_4" style="display: none;">
<h2>Item 4</h2>
<p>Text</p>
</div>
</div>
So what I would like to do is select a div inside slide_items that is not set to display: none, using jQuery. How could I do that?
<div id="slide_items">
<div id="slide_item_1">
<h2>Item 1</h2>
<p>Text</p>
</div>
<div id="slide_item_2" style="display: none;">
<h2>Item 2</h2>
<p>Text</p>
</div>
<div id="slide_item_3" style="display: none;">
<h2>Item 3</h2>
<p>Text</p>
</div>
<div id="slide_item_4" style="display: none;">
<h2>Item 4</h2>
<p>Text</p>
</div>
</div>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
您应该使用
:visible伪选择器You should be using the
:visiblepseudo-selector我相信这个
$("#slide_items div:visible")有效。I believe this
$("#slide_items div:visible")work.请参阅 http://api.jquery.com/visible-selector/
See http://api.jquery.com/visible-selector/