jQuery - get all src of images in div and put into field(jQuery - 获取 div 中的所有图像 src 并放入字段)
问题描述
我想将 本教程 修改为我的要求,但我有一个问题.我是 jQuery 的初学者,我想从特定的 div 中获取所有图像源并将它们放入字段中.有一个变量images,它是字段并包含一些图像,但我想从 div 中获取所有图像源并将它们放入字段 images 中.我知道这并不复杂,但我真的不知道该怎么做.
I want to modified this tutorial to my requirements but there is one problem to me. I'm a beginner with jQuery and I would like to get all image sources from specifïc div and put them into field. There is a variable images which is field and contain some images but I want instead of this get all image sources from div and put them into field images. I know that isn't such a complicated but I don't really know how to do it.
来源在这里http://jsfiddle.net/s5V3V/36/
这是来自 jsfiddle 源代码的变量 image,我想从 div 中填充,而不是我现在拥有的:
This is the variable image from source on jsfiddle which I want fill from div instead what I have there now:
images = ['http://kimjoyfox.com/blog/wp-content/uploads/drwho8.jpg',
'http://kimjoyfox.com/blog/wp-content/uploads/drwho7.jpg',
'http://kimjoyfox.com/blog/wp-content/uploads/drwho6.jpg',
'http://kimjoyfox.com/blog/wp-content/uploads/drwho5.jpg',
'http://kimjoyfox.com/blog/wp-content/uploads/drwho4.jpg',
'http://kimjoyfox.com/blog/wp-content/uploads/drwho3.jpg',
'http://kimjoyfox.com/blog/wp-content/uploads/dr-whos-tardis.png',
'http://kimjoyfox.com/blog/wp-content/uploads/drwho9.jpg',
'http://kimjoyfox.com/blog/wp-content/uploads/drwho1.jpg'];
提前感谢.
推荐答案
In dom ready try
In dom ready try
var images = $('.thumbnailArrows').children('img').map(function(){
return $(this).attr('src')
}).get()
这篇关于jQuery - 获取 div 中的所有图像 src 并放入字段的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:jQuery - 获取 div 中的所有图像 src 并放入字段
基础教程推荐
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- 直接将值设置为滑块 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01