Question

我有这个函数将div（Base-Shirt）附加到div（Button）

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

然后我希望图像填充（Base-Shirt）div。当我运行脚本时，图像被放置在“Base-Shirt”div之后。你知道我怎么会让他们进入“Base-Shirt”而不是他们之后？

这就是发生的事情：

<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

谢谢。

Answer 1

你可以试试$(".Button").children(":first")，这将让你登上div-shirt元素

Answer 2

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

第n个孩子。创建一个div并填充它

2 个答案: