如何解决如何用“ this”引用另一个标签内的图像?
| 我知道这是非常基本的,我正在尝试获取某些图像的\'src \'属性,并将它们放在相同数量的#image字段中: count = 0;
$(\'.selected\').each(function() {
count++;
// the idea is to get the value from each \".selected img\"
$(\'#image\' + count).val( this + img ).attr(\"src\");
});
如何从\'this \'引用图像?还是什么好方法? .... 谢谢 !
编辑:
我有这样的事情:
<li><img src=\"...\" alt=\"\" class=\"selected\" /></li>
<li><img src=\"...\" alt=\"\" /></li>
<li><img src=\"...\" alt=\"\" /></li>
<li><img src=\"...\" alt=\"\" class=\"selected\" /></li>
我想在其中写这些img的src属性:
<input type=\"hidden\" id=\"image1\" name=\"image1\" value=\"\" />
<input type=\"hidden\" id=\"image2\" name=\"image2\" value=\"\" />
谢谢!
解决方法
这是您的意思吗?
$(function() {
var count = 0;
$(\'.selected\').each(function() {
count++;
var source = $(\'img\',this).attr(\'src\');
$(\'input#image\' + count).val(source);
});
});
, $(\'img.selected\').each(function(i,img) {
$(\'#image\' + (i + 1)).val(img.src);
});
, 如果我理解您的要求正确,那么您想在每个关联的hidden
字段标记中添加src
属性,对吗?我对使用选择的图像和未选择的图像之间的区别有些困惑,因此在此解决方案中我忽略了这一点:
HTML:
<ul>
<li><img src=\"src0\" alt=\"\" class=\"selected\" /></li>
<li><img src=\"src1\" alt=\"\" /></li>
<li><img src=\"src2\" alt=\"\" /></li>
<li><img src=\"src3\" alt=\"\" class=\"selected\" /></li>
</ul>
<input type=\"text\" id=\"image0\" name=\"image0\" value=\"\" />
<input type=\"text\" id=\"image1\" name=\"image1\" value=\"\" />
<input type=\"text\" id=\"image2\" name=\"image2\" value=\"\" />
<input type=\"text\" id=\"image3\" name=\"image3\" value=\"\" />
脚本:
$(\'input[type=text]\').each(function(idx,e){
$(this).val($($(\'img\')[idx]).attr(\'src\'));
});
http://jsfiddle.net/dbrecht/MDfD9/
(我在此处使用文本字段进行说明,但您可以将属性更改为“隐藏”)
当然,这假设每个图像都有一个关联的输入字段。我对您为什么走这条路有点好奇。.您到底想实现什么?从我所见,可能还有其他解决方法。
, 我想这就是你的意思。
$(\'.selected\').each(function(idx,obj) {
$(\'#image\' + (idx + 1)).attr(\"src\",obj.src);
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。