使用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，class等获取属性，但在这种情况下，我想从具有给定结构的网格中获取pic src，并且不知道如何达到特定的clp跨度使用cli-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');