jquery - 在 jQuery 中将一个输入字段复制到一组其他输入字段

Question

嗨，我有以下代码(我已经删除了一些臃肿的代码，但所需的一切都在这里。

<div class="item">
<div class="img_url"><input type="text" value="/siteimg/Designs/special-request.jpg" id="DT_Image_1" name="DT_Image_1" /></div>
<div id="copy_to_all_1"><a href="#">Copy to all</a></div>
</div>

<div class="item">
<div class="img_url"><input type="text" value="" id="DT_Image_2" name="DT_Image_2" /></div>
<div id="copy_to_all_2"><a href="#">Copy to all</a></div>
</div>

<div class="item">
<div class="img_url"><input type="text" value="" id="DT_Image_3" name="DT_Image_3" /></div>
<div id="copy_to_all_3"><a href="#">Copy to all</a></div>
</div>

这些 div 是动态加载的，因此其中可能还有更多内容。我需要一种方法来查找当前 ID，然后将其复制到列出的所有其他输入 ID 中。

因此，在这种情况下，如果我单击第一个项目上的“复制到全部”链接，其他输入字段将填充“/siteimg/Designs/special-request.jpg”

我需要一点 jQuery 魔法才能做好准备。

Answer 1

$(document).ready(function(){
    $('div[id^="copy_to_all"] a').live('click', function(){
        $('.img_url input').val($(this).closest('div.item').find('.img_url input').val())
    });
});

PS:你的标记很糟糕。应该是这样的:

<div class="item">
    <input class="img_url" type="text" value="/siteimg/Designs/special-request.jpg" id="DT_Image_1" name="DT_Image_1" />
    <a class="copy_to_all" href="#">Copy to all</a>
</div>

以及上面相应的函数:

$(document).ready(function(){
    $('a.copy_to_all').live('click', function(){
        $('.img_url').val($(this).prev('.img_url').val())
    });
});

<小时/>

编辑:看到

the divs are loaded dynamically

为了安全起见，将问题的部分内容更改为 click() 为 live()。

<小时/>

编辑2:奖金工作 fiddle with original和 with decent markup.