Question

我有以下几点：

html：

<div class="myclass">
    <img class="otherclass" src="image1.png" />
</div>

<div class="myclass">
    <img class="otherclass" src="image2.png" />
</div>

<div class="myclass">
    <img class="otherclass" src="image3.png" />
</div>

Javascript（jQuery）：

alert($('.myclass img.otherclass').attr('src'));

我能够得到/警告图像src没问题（尽管我记不清它是第一个还是最后一个但是除了这一点之外） - 我想要的是spécicly获取第一个和最后一个图像（src），

我试过了：

alert($('.myclass:first img.otherclass').attr('src'));
alert($('.myclass:last img.otherclass').attr('src'));

但这似乎对我不起作用。（我无法更改HTML标记）

我使用的是：第一个和：正确使用或者我应该使用像.find（）...

这样的东西

Answer 1

似乎对我来说很好：http://jsfiddle.net/RfHps/

但是你可以尝试以下方法：

var images = $('.myclass img.otherclass');

alert(images.first().attr('src'));
alert(images.last().attr('src'));

另请注意，使用.first() / .last()实际上比选择器更快 - 请参阅http://jsperf.com/first-performance/2

Answer 2

使用.first()功能。

$('.myclass').first().children('.otherclass').attr('src');
$('.myclass').last().children('.otherclass').attr('src');

：第一个和：jQuery中的最后一个

2 个答案: