javascript - 在带有 jQ​​uery 样式的列表中选择图像源

Question

我有以下 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>

我正在寻找 <li> 中的图像来源与 style="display: list-item;" ( myphoto.png ) 使用 jQuery 但我不知道该怎么做...

我尝试过这个:

var firstThumbnailDisplay = $('#thumbs_list_frame li').css('display') == 'list-item';
var img = firstThumbnailDisplay.find("img").first().attr('src');

但是这不起作用。

Answer 1

这应该有效:

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

它找到第一个可见的(样式未设置为 display: none;)li 并获取其中图像的 src 属性.