Javascript 在jQuery中使用样式的列表中选择图像源

我有以下HTML代码：

<div id="thumbs_list">
    <ul id="thumbs_list_frame">
        <li id="thumbnail_260" style="display: none;">...</li>
        <li id="thumbnail_261" style="display: none;">...</li>
        <li id="thumbnail_262" style="display: none;">...</li>
        <li id="thumbnail_264" style="display: list-item;">
            <a href='mywebsite.com'>
                <img src="myphoto.png" alt="Photo"/>
            </a>
        </li>
        <li id="thumbnail_266" style="display: none;">...</li>          
    </ul>
</div>

---

但是它不起作用。

使用

：visible

选择器

---

var firstThumbnailDisplay=$（'thumbs\u list\u frame li:visible'）

使用

：visible

选择器

var firstThumbnailDisplay=$（“#拇指列表_框架li:可见”）

这应该可以：

var src = $("#thumbs_list_frame li").filter(":visible:first").find("img").attr("src");

它查找第一个可见的（样式未设置为

display:none；

）

li

，并获取其中图像的

src

属性。

这应该可以：

var src = $("#thumbs_list_frame li").filter(":visible:first").find("img").attr("src");

---

它查找第一个可见的（样式未设置为

display:none；

）

li

，并获取其中图像的

src

属性。

使用

：visible

查找显示的样式，然后使用

。find（）

和

attr（）

实现目标

var src = $('.result').html($('#thumbs_list_frame li:visible').find('img').attr('src'));

---

使用

：visible

查找显示的内容，然后使用

.find（）

和

.attr（）

实现目标

var src = $('.result').html($('#thumbs_list_frame li:visible').find('img').attr('src'));

---

为什么不在li元素中添加一个“selected”类，然后按$（'.classname'）进行选择，使其稍微少一点呢hacky@Fuzzyma：获取具有style=“display:list item；”的列表点的图像源；以下所有内容都在测试是否可见！==列出项为什么不在li元素中添加一个“selected”类，然后按$（'.classname'）选择，使其稍微少一点hacky@Fuzzyma：获取具有style=“display:list item；”的列表点的图像源；以下所有内容都在测试是否可见！==列表项这有许多致命缺陷，首先是

：visible

不检查

列表项

它检查它是否可见。当

display:block

时，也会返回此消息。这有许多致命的缺陷，首先是

：visible

不检查

列表项

它检查它是否可见。当

display:block

时，也会返回此消息。