Question

我正在尝试获取某些图像的src值，但我只能从第一张图像中得到它..这是从所有图像中获取值的方法吗？

<div class="cube-box--cube active">
    <img class="cube-box--cube__img" src="
    {$basePath}/assets/img/animation/scenery2.jpg" alt="scenery2">

    <div class="white-cover"></div>
    <p class="cube-box--cube__text">
      <span class="fix-size">Electrostatics</span>
    Neutral
    </p>
</div>

<div class="cube-box--cube active">
    <img class="cube-box--cube__img" src="
    {$basePath}/assets/img/animation/scenery3.jpg" alt="scenery3">

    <div class="white-cover"></div>
    <p class="cube-box--cube__text">
      <span class="fix-size">Electrostatics</span>
    Neutral
    </p>
</div>

var imgSrc = $('.cube-box--cube').filter('.active').find("img").attr("src");
console.log(imgSrc);

Answer 1

您可以将所有匹配映射到这样的数组

var imgSources = $('.cube-box--cube') .filter('.active') .find("img") .map(function (index, image) { return image.src; });

Answer 2

可能有更好的方法来做到这一点

var srcs = [ ];

$.each($('.cube-box--cube').filter('.active').find("img"), function() {
    srcs.push($(this).attr("src"));
});

如果您想使用地图，您可能需要：

...find("img").get().map(...

从多个图像中获取src值并拆分为单个变量

2 个答案: