Question

我被赋予了一项任务，只使用jQuery从html页面中提取图像，而不是别的。

html页面是一个包含大量表格和许多不同页面的页面。在大约400行html中，大约有80个图像。我的工作是将所有带有特定域的图像放到页面底部（div class="code">部分），这样我就可以手动浏览它们来保存它们。

到目前为止，我能够获得所有图像的src，但我不知道如何获得所有实际图像。我在想是否要将源保存在变量中，我可以将每个循环重定向到img标记并将其提供给图像源。到目前为止它只返回一个破坏的img链接，所以我认为我有正确的想法，但不是正确的代码。

这是我的js

$(document).ready(function(){
            $("img[src*='tieks']").each(function() {  // src* so I only get certain images
               imgsrc = this.src;
               $(".code").append(imgsrc);
            }); 
   });

这是代码部分

<div class="code">
    <img src=imgsrc>
</div>

有谁知道如何解决这个问题？

Answer 1

诀窍是创建一个新元素并将其附加到你的div或你喜欢的任何东西。

var img = $('<img id="dynamic">'); //Equivalent: $(document.createElement('img'))
img.attr('src', responseObject.imgurl);
img.appendTo('#imagediv');

这个帖子也回答了上述例子的起源：How to create a new img tag with JQuery, with the src and id from a JavaScript object?

Answer 2

如果你想要的只是将所有图像克隆到一个容器中：

$('.code').append( $("img[src*='tieks']").clone() );

<强> clone() API Docs

Answer 3

你正在尝试编码是正确的。你只能拍摄图片来源。如果你想拍摄所有的原始图片并附上课程代码＆＃39;，你会尝试改变

$（＆＃34; img [src * =＆＃39; tieks＆＃39;]＆＃34;）。each（function（）{

    $(".code").append(this);

}）;

试一试。

在jQuery中从html页面中提取图像

3 个答案: