如何用“ 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);
    });