1

私が作業しているプログラムは、画像をdiv
でラップでき、IDという名前を付けることができるので、次のようになります。

<div id="caro" style=" position:absolute; top:0px; left:0px; width:602px; height:0px;  z-index:2;">

          <div id="SGROBJ7DCC09717112EB0" style=" position:absolute; top:68px; left:148px; width:602px; height:200px;  z-index:3;">
            <img src="Untitled_1/goim003.jpg" width=602 height=200 border=0 alt="">
          </div>

          <div id="SGROBJ7DCC09717112FF0" style=" position:absolute; top:68px; left:148px; width:602px; height:200px;  z-index:4;">
            <img src="Untitled_1/goim004.jpg" width=602 height=200 border=0 alt="">
          </div>

          <div id="SGROBJ7DCC09717113140" style=" position:absolute; top:68px; left:148px; width:600px; height:200px;  z-index:5;">
            <img src="Untitled_1/goim005.jpg" width=600 height=200 border=0 alt="">
          </div>
 </div>

最初の子からそのスタイルを取得し、それを親に追加したい#caro div
次に、画像の周りのすべてのdivを削除します。（これらのSGROBJ ... IDの変更）
その後、これらをカルーセルに使用できるよう
になります。

<div id="caro" style=" position:absolute; top:68px; left:148px; width:602px; height:200px;  z-index:3;">
            <img src="Untitled_1/goim003.jpg" width=602 height=200 border=0 alt="">
            <img src="Untitled_1/goim004.jpg" width=602 height=200 border=0 alt="">
            <img src="Untitled_1/goim004.jpg" width=602 height=200 border=0 alt="">
            <img src="Untitled_1/goim005.jpg" width=600 height=200 border=0 alt="">
 </div>
4

4 に答える 4

1

次のような意味ですか？

var childStyle = $("div#caro > div:first").attr("style");
$("div#caro").attr("style", childStyle);
$("div#caro").find("img").each(function() {
    $(this).unwrap("div");
});

jsFiddle

于 2012-12-09T08:35:55.237 に答える
1

最初の子からスタイルを適用するには：

$('#caro').attr('style', $('#caro > div:first').attr('style'));

画像をそのままにしてDIVを削除するには：

$('#caro > div > img').unwrap();

すべてを1つのステートメントにまとめます。

$('#caro').attr('style', $('#caro > div:first').attr('style')).find('div > img').unwrap();
于 2012-12-09T08:37:00.030 に答える
1 
$('#caro').attr('style', $('#caro').children('div').first().attr('style'))
  .children('div').each(function(i,elem) {
      $(elem).replaceWith($('img', elem));
});

フィドル

于 2012-12-09T08:41:29.927 に答える
0

試す：

function removeDiv(){
    var imgs = $('#caro').find('img').clone();
    console.log(imgs);
    $('#caro').empty();
    $('#caro').append(imgs);
}
于 2012-12-09T08:35:00.590 に答える