html - jQuery获取多个属性值
问题描述
我有以下 HTML 代码
<img src="" data-src="https://example.com/image1.jpg" class="img">
<img src="" data-src="https://example.com/image2.jpg" class="img">
<img src="" data-src="https://example.com/image3.jpg" class="img">
<img src="" data-src="https://example.com/image4.jpg" class="img">
<img src="" data-src="https://example.com/image5.jpg" class="img">
<img src="" data-src="https://example.com/image6.jpg" class="img">
<img src="" data-src="https://example.com/image7.jpg" class="img">
使用 JQuery,我想获取 data-src 值并将其放在 src
像这样的东西
$("*.img").attr("src", $(this).attr("data-src"));
感谢您的帮助!
解决方案
您可以使用.each
来实现这一点。
$("img").each((i, e) => {
$(e).attr("src", $(e).attr("data-src"))
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img src="" data-src="https://example.com/image1.jpg" class="img">
<img src="" data-src="https://example.com/image2.jpg" class="img">
<img src="" data-src="https://example.com/image3.jpg" class="img">
<img src="" data-src="https://example.com/image4.jpg" class="img">
<img src="" data-src="https://example.com/image5.jpg" class="img">
<img src="" data-src="https://example.com/image6.jpg" class="img">
<img src="" data-src="https://example.com/image7.jpg" class="img">
推荐阅读
- graphql - 能够使用相同的字段扩展所有 Apollo/GraphQL 突变。通缉“通用片段”
- bash - 获取子进程的pid
- c# - 在启动文件夹中创建快捷方式时 C# 程序(Winform 和 WPF)被视为病毒?
- docker - 为什么使用多个 Dockerfile 会产生比多阶段构建更小的镜像?
- uml - 活动图上的多项选择
- woocommerce - Woocommerce 重置变体
- azure-active-directory - 添加到 Azure AD 应用注册的 MS Graph 权限会中断通过 Intune 公司门户应用的登录流程
- javascript - 在 node-red 中使用 ES6 模块
- amazon-web-services - 获取 Cognito 令牌的代码应该在哪里(前端或后端)
- spring-webflux - HttpComponentsClientHttpConnector 不接受带有 Apache Http 客户端的 Webclient 的 org.apache.http.impl.nio.client.CloseableHttpAsyncClient