如何循環父級相對於jquery中的水平級的父div divs？

Question

<div class="row"> 
    <div class="parent"> 
     <div class="child">child1</div> 
     <div class="child">child2</div> 
     <div class="child">child3</div> 
    </div> 
    <div class="parent"> 
     <div class="child">child4</div> 
     <div class="child">child5</div> 
     <div class="child">child6</div> 
    </div> 
    <div class="parent"> 
     <div class="child">child7</div> 
     <div class="child">child8</div> 
     <div class="child">child9</div> 
    </div> 
    <div class="parent"> 
     <div class="child">child10</div> 
     <div class="child">child11</div> 
     <div class="child">child12</div> 
    </div> 
    <div class="parent"> 
     <div class="child">child13</div> 
     <div class="child">child14</div> 
     <div class="child">child15</div> 
    </div> 
    <div class="parent"> 
     <div class="child">child16</div> 
     <div class="child">child17</div> 
     <div class="child">child18</div> 
    </div> 
</div> 

我有排序divs，我想保存divs的順序。但是，如果我使用jQuery的每個功能，它循環父divs和傳遞另一個父母后垂直所有child.What我試圖做的是獲取child1，child4，child7，child10 ..等等。如果我們認爲這是一個表格，我想逐行讀取單元格的值，但jQuery中的每一行都按列逐列。 我想要的輸出是1,4,7,10,13,16,2,5,8,11,14,17,3,6,9,12,15,18

here is code in fiddle

Answer 1

請檢查demo

var arr=[]; 
var count = $(".parent")[0].children.length; 
for (var i = 0 ; i < count ; i++){ 
$(".parent").each(function(){ 
arr.push($(this.children[i]).text()) 
}); 
} 
console.log(arr) 

Answer 2

請檢查你做這個代碼，讓我知道，如果它爲你工作或沒有。

var cnt = 0; 

$(".parent:first-child .child").each(function() { cnt++; }); 

for (var i = 1; i <= cnt; i++) { 

    $(".parent").each(function() { 

     console.log($(this).children('.child:nth-child(' + i + ')').html()); 
    }); 
}