-1

私は構造を持っています：

<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>

いずれかをクリックした後、リストを取得したい：

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

jqueryで必要なコードは何ですか？

ulを置き換えるのではなく、後に新しいdivを追加するだけです

このフィドルhttp://jsfiddle.net/28eue/

4

3 に答える 3

1

ulアイデアが既存の要素を新しいものに置き換えることである場合、divこれを行うことができます：

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

...クリックハンドラ内:

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

デモ: http://jsfiddle.net/k8N5M/

于 2013-01-16T11:15:45.187 に答える
1 
$('a').click(function(e) {
  e.preventDefault()
  var $replacement = $('<div>')

  $('a img').each(function() {
    $replacement.append($(this))
  })

  $('ul').replaceWith($replacement)
})

JSFiddle: http://jsfiddle.net/sqz2t/

基本的にaタグのクリックを観察し、すべての画像を新たに作成した div に配置します。

このコードは、画像リストを新しい div 構造に置き換えます。

于 2013-01-16T11:03:55.667 に答える
0

クリック ハンドラーで:

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

newDivその後、DOM に挿入し、必要に応じて古いリストを置き換えたり、ページの別の場所に追加したりできます。

于 2013-01-16T11:08:36.567 に答える