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();

一句话概括：

$('#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 回答