文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在jQuery中获取img src？

问如何在jQuery中获取img src？
EN

Stack Overflow用户

提问于 2020-07-05 19:58:50

回答 1查看 62关注 0票数 0

我是js / jQuery的初学者。

我有这样的代码：

var imageArray = [];
    $(document).on("click", ".showPrv", function () {
        $("#dropzone").each(function () {
            $(".dz-image-preview").each(function () {
                $(".dz-image").each(function () {
                    console.log($(this));
                });
            });
        });
    });

这给我带来了回报：

[Log] k (1) (1, line 734)
0 
<div class="dz-image">
<img data-dz-thumbnail alt="11" src="http://pscms2.test/upload/DZ_TEXT_PAGE/d3320b13a0f9c35bcdc98534b3aba06f.jpeg">
</div>

Prototyp k

[Log] k (1) (1, line 734)
0 
<div class="dz-image">
<img data-dz-thumbnail alt="12" src="http://pscms2.test/upload/DZ_TEXT_PAGE/3c5ed6a66822be7ea490b9e446de1451.jpeg">
</div>

Prototyp k

[Log] k [<div class="dz-image">] (1) (1, line 734)
[Log] k [<div class="dz-image">] (1) (1, line 734)
[Log] k [<div class="dz-image">] (1) (1, line 734)
[Log] k [<div class="dz-image">] (1) (1, line 734)
[Log] k [<div class="dz-image">] (1) (1, line 734)
[Log] k [<div class="dz-image">] (1) (1, line 734)
[Log] k [<div class="dz-image">] (1) (1, line 734)

我需要向imageArray数组添加src内容。数组必须具有唯一的src值(无重复项)。我该怎么做呢？

我想要达到的效果：

imageArray = ['http: //pscms2.test/upload/DZ_TEXT_PAGE/d3320b13a0f9c35bcdc98534b3aba06f.jpeg', 'http: //pscms2.test/upload/DZ_TEXT_PAGE/3c5ed6a66822be7ea490519.j4']

请帮帮我

javascript

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-07-05 20:19:50

您需要从所选元素中选择img元素，您可以使用.find()，然后使用.attr('src')获取src属性值并使用arr.push()推送到数组

尝尝这个

var imageArray = [];
    $(document).on("click", ".showPrv", function () {
        $("#dropzone").each(function () {
            $(".dz-image-preview").each(function () {
                $(".dz-image").each(function () {
                  const src = $(this).find("img").attr("src")
                  if(imageArray.indexOf(src) < 0)
                    imageArray.push(src)
                });
            });
        });
    });

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62740383

复制

相似问题

问如何在jQuery中获取img src？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在jQuery中获取img src？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在jQuery中获取img src？
EN