Javascript jquery-如何从hrefs获取图像列表

我有一个想法：

<ul>
 <li><a href="img01.jpg"><img src="img_s01.jpg"></a></li>
 <li><a href="img02.jpg"><img src="img_s02.jpg"></a></li>
...
</ul>

...

单击任意a后，我想获得一个列表：

<div>
<img src="img01.jpg">
<img src="img02.jpg">
...
</div>

...

我在jquery上需要什么代码

不替换ul，只需在之后添加新的div

这把小提琴

$（'a'）。点击（函数（e）{
e、 预防默认值（）
变量$replacement=$（''）
$（'a img'）。每个（函数（）{
$replacement.append（$（此））
})
$（'ul'）。替换为（$replacement）
})

JSFiddle：

您基本上可以观察到对

a

标记的点击，并将所有图像放入新创建的div中

代码将用新的div结构替换图像列表。

在单击处理程序中：

var newDiv = $('<div></div>');
$('ul li a').each(function(i, elem) {
    newDiv.append($('<img src="' + elem.href + '"'));
});

$(document).ready(function() {
  $("ul a").click(function(e) {
    e.preventDefault();
    $("ul").replaceWith($("<div />").append($("ul img")));
  });
});

var newDiv=$（''）；
$（'ul li a'）。每个（功能（i，元素）{
newDiv.append（$（'
然后可以将
newDiv
插入到DOM中，如果需要，可以替换旧列表，或者添加到其他地方的页面。
如果要用新的
div
替换现有的
ul
元素，可以执行以下操作：

$("ul").replaceWith($("<div />").append($("ul img")));

$（“ul”）.replace为（$（）.append（$（（“ul img”））；

…在单击处理程序中：

var newDiv = $('<div></div>');
$('ul li a').each(function(i, elem) {
    newDiv.append($('<img src="' + elem.href + '"'));
});

$(document).ready(function() {
  $("ul a").click(function(e) {
    e.preventDefault();
    $("ul").replaceWith($("<div />").append($("ul img")));
  });
});

$（文档）.ready（函数（）{
$（“ul a”）。单击（功能（e）{
e、 预防默认值（）；
$（“ul”）。替换为（$（“”）。追加（$（（“ul img”）；
});
});

演示：
什么语言？您尝试过什么？列表是否应该在单独的
div
元素中？不要忘记：-）的结尾@ioan:您不需要结束它。：）