1

我有这个功能，将一个 div（基础衬衫）附加到一个 div（按钮）

<div class="Button"><div class="Base-Shirt"></div></div>

然后我希望图像填充 (Base-Shirt) div。当我运行脚本时，图像被放置在“Base-Shirt”div 之后。你知道我如何让他们进入“基础衬衫”而不是追随他们吗？

这是正在发生的事情：

<div class="Button">
<div class="Base-Shirt"></div>
<img class="2016" src="img/swatch/2016.jpg" title="Ruby_Red" alt="Main, Pique">
<img class="2017" src="img/swatch/2017.jpg" title="Khaki_Tan" alt="Main, Pique">

这就是我想要发生的事情：

 <div class="Button">
 <div class="Base-Shirt">
 <img class="2016" src="img/swatch/2016.jpg" title="Ruby_Red" alt="Main, Pique">
 <img class="2017" src="img/swatch/2017.jpg" title="Khaki_Tan" alt="Main, Pique">
 </div>

功能

function parse(document){

//Product
    $(document).find("Item").each(function(){
        $(".Button").append('<div class="' + $(this).attr('name') +'"></div>');
    });

//Swatch    
    $(document).find("Swatch").each(function(){
        $(".Button:nth-child(1)").append(
        '<img class="' + $(this).attr('name') + '" alt="' + $(this).attr('alt') + '"  title="' + $(this).attr('title') + '" src="img/swatch/' + $(this).attr('name') + '.jpg">'
        );
    }); 

}//function parse End

谢谢你。

4

2 回答 2

1

你可以试试$(".Button").children(":first")哪个会让你进入 div-shirt 元素

于 2013-06-11T20:26:40.950 回答
0

使用children和eq

$(".Button").children(":eq(0)"); //<-- this will get you the first children(start form 0)
$(".Button").children(":eq(1)"); //<-- this will get you the second children
于 2013-06-11T20:31:02.010 回答