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

8 浏览
0 Comments

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

我被分配了一个任务，只使用jQuery从html页面中提取图像，不使用其他任何工具。

这个html页面有很多表格和很多不同的png图片。在大约400行的html中，大约有80张图片。我的工作是将所有具有特定域的图像移到页面底部（div class="code">部分），然后我可以手动浏览并保存它们。

到目前为止，我能够获取所有图像的src，但是我不确定如何获取所有实际的图像。我想如果我将源保存在一个变量中，我可以将每个循环重定向到一个img标签，并将图像源作为参数传递给它。到目前为止，它只返回一个损坏的图像链接，所以我觉得我有正确的思路，但是没有正确的代码。

以下是我的js代码：

$(document).ready(function(){
            $("img[src*='tieks']").each(function() {  // src* 只获取特定的图像
               imgsrc = this.src;
               $(".code").append(imgsrc);
            }); 
   });

这是代码部分：

有人知道我应该如何解决这个问题吗？

0

3 答案

0 Comments

从一个html页面中提取图片的原因是为了能够在页面中动态地显示图片。解决方法是使用jQuery创建一个新的元素，并将其添加到指定的

中。首先，使用jQuery的createElement()方法创建一个新的元素，并将其赋值给变量img。然后，使用attr()方法将图像的URL设置为变量responseObject.imgurl的值。最后，使用appendTo()方法将img元素添加到id为"imagediv"的

中。

可以通过更改每个图像的id而不是为所有图像都使用"dynamic"来改进代码的可读性和可维护性。

这个问题的解答也在这个帖子中提到：[如何使用jQuery创建一个带有来自JavaScript对象的src和id的新img标签？](https://stackoverflow.com/questions/8013792)

以下是完整的代码示例：

var img = $('');
img.attr('src', responseObject.imgurl);
img.appendTo('#imagediv');

以上方法可以帮助我们从一个html页面中提取图片，并将其动态地显示在指定的

中。

0
0 Comments

在使用jQuery提取html页面中的图片时，出现了问题。问题是只提取了图片的源文件。如果想要提取所有原始图片并将其添加到类名为'code'的div中，可以尝试以下解决方法：

$("img[src*='tieks']").each(function() {  
    $(".code").append(this);
});

只需尝试这样做即可。

0
0 Comments

从上面的内容可以看出，问题是如何从一个HTML页面中提取图片，并将其克隆到另一个容器中。下面是解决这个问题的方法：

1. 使用jQuery选择器选中所有的图片，并将它们克隆到一个容器中。代码如下：

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

解决这个问题的关键是使用了jQuery的clone()方法。该方法可以克隆被选元素及其所有子元素。

希望这篇文章对你有所帮助。

0