繁体   English   中英

使用jQuery从HTML中的多个图像元素中删除文件路径

Remove filepaths from multiple image elements in HTML using jQuery

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在尝试保留文件名,但从页面上的图像元素中删除了文件路径,并且根据已经从类似问题中收集到的内容,我设法找出了以下内容。

我只能删除文件路径,但是我不知道为什么将第一张图片的源复制到其他两张图片中。


到目前为止,这是我整理的

的HTML

<img src="/path/to/image.gif" />
<img src="/different/path/to/picture.jpg" />
<img src="another/path/to/graphic.png" />

JS

var abc = $('img').attr('src');
var def = abc.split('/').pop();

$('img').attr('src', def);

结果

<img src="image.gif">
<img src="image.gif">
<img src="image.gif">

http://jsfiddle.net/aztdeu0w/

2 个回复

您不遍历所有img元素,请尝试以下操作:

$('img').each(function(){
    var imgName = $(this).attr('src').split('/').pop();
    $(this).attr('src', imgName);
});

这样,您将遍历所有图像并相应地替换src属性。

这就是jQuery的工作方式。 $选择器获取一组项目(包含0-N个匹配元素),然后将操作应用于这些元素。 对于某些操作-读取诸如attr('src') ,仅读取单个项目才有意义,因此它将读取第一个项目。

您想要的是遍历图像,然后一次将正则表达式应用于它们。 所以...

$('img').each(function(index, item){
  // Read/write attr here
});
2 在C#中获取绝对路径,并使用jquery将路径动态绑定到图像元素

我想显示我从数据库检索的图像。 在我的数据库中,我已将绝对URL保存在imagepath字段中,而在检索时,我得到的是带有双斜杠的相对路径。 我要这个 '\\'。 我如何获得绝对路径? 另一个问题是我的ASP.NET网页中有图像占位符,我想用从数据库检索的路径设置图像路径。 我 ...

3 在Jquery中悬停时,多个图像元素全部消失。

我在将淡入淡出仅应用于具有相同ID的页面上的一个元素时遇到问题。 首先,我将图像降低到60%,然后将鼠标悬停在图像上,使其仅100%。 此部分有效,但是将效果应用于页面上的每个元素。 我也知道,如果CSS但可以做到尽可能兼容,则可以做到这一点。 希望你们能提供帮助, ...

4 使用jquery从图像元素列表中获取特定图像元素的数据id属性值?

我有一个产品表和产品图片表。 每个产品可能有多个图像。 在产品编辑表单中,我渲染了该产品的所有图像。 我想通过单击每个图像中包含的十字按钮来删除每个图像。 为了删除特定图像,我需要图像 id,因此我使用data-id属性传递了该 id。 然而,当我点击十字按钮时,我总是得到第一个图像 ID。 我需 ...

6 使用jQuery在iFrame的HTML中搜索其src包含关键字的图像元素

我正在深入研究页面的DOM以操纵某些图像属性。 我有一个包含iFrame的网页。 iFrame包含图像。 该图像没有id属性,因此我将使用src对其进行定位。 src包含唯一的关键字“ planet”。 如何使用jQuery定位此图像? 加成: 我无法在iFrame的DOM ...

2010-07-28 17:15:45 2 179   jquery
7 如何使用jQuery访问SVG中的图像元素

我有一个SVG文件,其中包含我想使用jQuery处理的元素。 这可能吗? 我可以访问SVG标签,但是不能访问其中的元素。 我希望能够访问#section1或.lime ,但是目前只能访问Layer_1 。 在代码的后面,有一个click函数,它可以更改选项卡的内容,并且如果我将tr ...

8 一个图像元素中的多个图像源

我对 Javascript 很陌生(没有 jquery pls),我想知道是否可以将多个图像源放在一个图像元素中 我想在不创建太多图像元素的情况下从悲伤文件夹中添加更多图像(不是全部!)。 我试过这样写 和 和 但这不起作用。 这可能真的很愚蠢,但我正在努力使我的代码尽可能短。 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM