获取img alt哪个父母的href是什么

Question

这是我的HTML：

<div class="related-posts">
    <a href="http://localhost">
        <img width="100" height="100" src="test.jpg" alt="alt">
    </a>
    <a href="http://localhost/1">  
        <img src=" test1.jpg" alt="Hello world!">
    </a>
</div>

我需要获得alt的{​​{1}}值img，其父级为a且href为http://localhost。我可以用什么代码来获取该值？

Answer 1

// will match http://localhost only:
$('a[href="http://localhost"]').find('img').attr('alt'); 

// will match links hreffing to URLs starting with http://localhost 
$('a[href^="http://localhost"]').find('img').attr('alt');