jQuery append（）和data（）
|
我不知道增加ID的div数量：
<div id=\"source-1\" data-grab=\"someURL\"/>Content</div>
<div id=\"source-2\" data-grab=\"anotherURL\"/>Content</div>
<div id=\"source-3\" data-grab=\"anddifferentURL\"/>Content</div>
<div id=\"source-4\" data-grab=\"andthelastoneURL\"/>Content</div>
<ul>
<li id=\"target-1\" class=\"target\"><a href=\"#\"> </a></li>
<li id=\"target-2\" class=\"target\"><a href=\"#\"> </a></li>
<li id=\"target-3\" class=\"target\"><a href=\"#\"> </a></li>
<li id=\"target-4\" class=\"target\"><a href=\"#\"> </a></li>
</ul>
<ul>
<li id=\"target-1\"><a href=\"#\"><img src=\"someURL\" /> </a></li>
<li id=\"target-2\"><a href=\"#\"><img src=\"anotherURL\" /> </a></li>
<li id=\"target-3\"><a href=\"#\"><img src=\"anddifferentURL\" /> </a></li>
<li id=\"target-4\"><a href=\"#\"><img src=\"andthelastoneURL\" /> </a></li>
</ul>
$(document).ready(function(){
$(\'.target\').each(function(){
var URL = jQuery(this).data(\'grab\');
});
});
没有找到相关结果
已邀请:
2 个回复
辩谷变充
$(document).ready(function(){ $(\'.target\').each(function(){ var $this = $(this); var divID = \"source-\" + ($this.id()).split(\"-\")[1]; $(\"a\", $this).append(\'<img src=\"\' + $(divID).data(\"grab\") + \'\" />\'); }); });糕泰灌
），则可以使用索引选择正确的元素：$(document).ready(function(){ var targets = $( \'.target\' ); $(\'.source\').each(function(index, value){ $(target[index]).children(\"a\").first().append($(\"<img src=\" + value.data(\'grab\') + \" />\")); }); });