jQuery 子选择器帮助

Question

一定有更好的方法来选择这个元素。有人可以帮我吗？我尝试过第 n 个孩子和最后一个孩子，但我没有得到它。

这是我的代码：

<li>
    <div class="pic" style="width:300px; text-align:center;">
        <img src='path/to/my/image.jpg' />
    </div>
    <p>
        <span title="<?php echo $media_title; ?>">Title: <?php echo stringDisplay($media_title,12); ?></span><br />
        <span title="<?php echo $media_filename; ?>">File: <?php echo stringDisplay($media_filename,18); ?></span><br />
        Updated: <?php echo date("n/j/y", $lastUpdated).' at '.date("h:ia",$lastUpdated); ?>
    </p>
    <a class="link" href="javascript:;" onclick="alert($(this).parent().children('.pic').children().children().children().attr('src'));" style="margin-bottom:3px;">Preview</a>
</li>

我试图从下面的链接中选择第一个 div 中图像的图像源。我能想到的最好的办法是：

alert($(this).parent().children('.pic').children().children().children().attr('src'));

Answer 1

这是您要找的吗？

$(this).parent().find('div.pic>img').attr('src');

注意，我强烈建议不要使用onclick来绑定您的Javascript事件处理程序。

Answer 2

这就是我要做的：

$(this).siblings('.pic').children('img').attr('src');

• http://api.jquery.com/siblings/
• < a href="http://api.jquery.com/children/" rel="nofollow noreferrer">http://api.jquery.com/children/
• http://api.jquery.com/attr/

jQuery中的遍历方式有很多种：

• http://api.jquery.com/category/traversing/

Answer 3

查找第一个具有图像元素的同级元素并返回 src 属性。

$(this).prevAll().find('img:first').attr('src');