jquery - 使用 jquery .each 循环遍历 div 并检索 data-src
问题描述
我有一个带有一堆子 div 的 div,每个 div 都有一个data-src
属性。我正在尝试遍历这些并使用.each
jquery 函数在控制台中返回它们。我正在使用下面的代码:
function rolloverImages() {
$('.thumbnail-wrapper').mouseover(function() {
var rollovers = $(this).find('rolloverimages');
rollovers.each(function() {
console.log( index + ": " + $(this).data('src') );
});
});
}
<div class="rolloverimages">
<div data-src="/wp-content/uploads/2018/06/blue-moon-creative-ochre-5.jpg"></div>
<div data-src="/wp-content/uploads/2018/06/blue-moon-creative-ochre-8.jpg"></div>
<div data-src="/wp-content/uploads/2018/06/blue-moon-creative-ochre-9.jpg"></div>
<div data-src="/wp-content/uploads/2018/06/blue-moon-creative-ochre-3.jpg"></div>
<div data-src="/wp-content/uploads/2018/06/blue-moon-creative-ochre-6.png"></div>
<div data-src="/wp-content/uploads/2018/06/blue-moon-creative-ochre-4.jpg"></div>
<div data-src=""></div>
<div data-src="/wp-content/uploads/2018/06/blue-moon-creative-ochre-7.jpg"></div>
</div>
但是,我所拥有的不起作用。我相信这可能与我正在使用控制台日志有关。
有人可以帮忙吗?
解决方案
你使用它不正确使用这样的:
$('.rolloverimages div').each(function()
{
console.log($(this).attr('data-src')); // this will output the value for data-src in console
})
然后你可以在循环内做任何事情。
请注意,这不是复制粘贴解决方案 - 根据您的需要进行修改,但这就是该功能的工作方式。
推荐阅读
- javascript - 从 2 个数组中找到一个匹配值,一个数组中存在一个 html 元素-Javascript
- html - 如何将div的末尾定位到容器的左侧
- c# - C# foreach 性能与内存碎片
- javascript - 同时使用和共享公共方法 - 正确的方法?
- javascript - 对 API GATEWAY 的 XMLHttpRequest 不起作用
- python - 如何在 App Engine 中运行 django + 电子邮件处理程序
- .net - 如何根据文件头识别ppt和pptx
- excel - 如何更新列表框中的选定行?
- mysql - 将 varchar 列移动到不同的表并稍后使用连接会提高性能吗?
- javascript - 单击模式对话框中的任何其他位置以关闭下拉列表