javascript - 如何在同一篇文章中从上面的元素中获取图像 url 和标题

Question

大家好，我有一个问题。我怎样才能在我的网页上点击 div 中的图像 url 和标题？

这是文章的结构:

        <article class="white-panel">
             <img src="image url to grab" alt="">
             <h4><a href="#">Title to grab</a></h4>
             <p><a href="#"><span class="fa fa-whatsapp"></span> Onclick grab image and title with Jquery</a></p>
             <p><a href="#"><span class="fa fa-facebook"></span> Auf Facebook teilen</a></p>
       </article>

页面上的几个文章元素需要这个，但它们都具有相同的结构。

Answer 1

如果您在寻找文章中所有 img 的 src 和 alt，您可能想尝试这样的操作。

$('article').each(function(in,elem){
    var img = elem.children('img').attr('src');
    var title = elem.children('h4').text();
    // Code that does something with them
})