javascript - 如何仅更改第一个元素的 url?

标签 javascript html css image dom

我希望能够更改 url 目录,例如第一个<img><div> , 或者, 任何不是第一个的图像。

我的原因是加载速度太慢了。那是因为我使用 CSS 从较大的图像生成缩略图。我现在想将这些缩略图图像重定向到包含小图像的缩略图文件夹,而不是必须单独重定向它们,这会很痛苦。

<img src="images/stories/Images_for_Web/baths_windowToTheSoul_WB4_p90.jpg">
<img src="images/stories/Thumbs/baths_windowToTheSoul_WB4_p90.jpg">

这是我正在处理的网站的链接:http://www.d1187169-1.cp.blacknight.com/whitebook1/

我让 CSS 自动调整大小并裁剪任何不是第一个的图像。我喜欢这个解决方案,因为它可以节省将来的工作,所以如果这部分也可以工作,那就太棒了,不幸的是我只知道 CSS、HTML、一点 Joomla 并且只从 javascript 等开始,但我愿意尝试任何让这个工作的东西!

非常感谢任何想法或建议。谢谢,保罗

最佳答案

如果您要使用 jQuery,您可以执行以下操作:

$("#somediv img:first").attr("src", "images/new/location");

由于类 CSS 选择器,您可以只看到一行代码。我强烈建议使用 jQuery 来完成此类任务。

关于javascript - 如何仅更改第一个元素的 url?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9046170/

相关文章:

javascript - 如何使 jqPlot 与条形图示例一起使用

html - 垂直 DIV 液体布局问题

javascript - 使用 jQuery 正则表达式从字符串中获取单词

javascript - 如何使用 meteorjs 从集合中创建文本文件并将其保存在 SD 中

HTML 中的 PHP 不起作用

javascript - 在固定 div 上滚动时防止正文滚动

html - 简单的分页以及如何创建链接

jquery - fullpage.js 将视口(viewport)顶部捕捉到部分顶部

javascript - 将对象属性添加到 map 函数中

jquery - 如何使用 jquery/ajex 为 phonegap 解析 "Remote "xml 文件?