jquery - 使用 jquery 在这样的代码中获取 src 属性

Question

<div class="thumb">
    <a class="clip-link" data-id="45778" title="Title" href="http://mysite.com">
        <span class="clip">
            <img src="http://mysite.com/17.jpg" alt="Pic alt"><span                   class="vertical-align"></span>
        </span>

        <span class="overlay"></span>
    </a>
</div>

好吧，我知道如何从 div、类等中获取属性，但在这种情况下，我想从具有给定结构的网格中获取 pic src，并且不知道如何使用 cli 达到特定的 clp 跨度-link data-id，有什么帮助吗？

提前致谢！

Answer 1

var id = 45778,
   src = $('a.clip-link[data-id="'+ id +'"]').find('img').prop('src');

Answer 2

$('a[data-id="45778"] > span.clip > img').attr('src');