如何使此代碼工作？ （JavaScript）的

Question

我有以下代碼：

var dateClasses = $('.dateClass'); // array of all your dateClasses 
var contentClasses = $('.contentClass'); // array of all your contentClasses 

for(var i=0; i< Math.min(dateClasses.length,contentClasses.length); i++) { 
var frame = $("<div>", {class: "frame"}); // create your frame node 
var timeLineDate = $("<span>",{class: "timeline-date"}); 
var timeLineContent = $("<div>",{class: "timeline-content"}); 

//Append DateClass to your timeline-data: 
timeLineData.append(dateClasses[i]); 

    //Append ContentClass to your timeline-content: 
timeLineContent.append(contentClasses[i]); 

//Append all to your frame 
frame.append(timeLineData); 
frame.append(timeLineContent); 
} 

和：

<span class="dateClass">date1</span> 
<span class="dateClass">date2</span> 
<span class="dateClass">date3</span> 
<div class="contentClass">content1</div> 
<div class="contentClass">content2</div> 
<div class="contentClass">content3</div> 

但我不知道爲什麼它是行不通的，任何意見？ ：/

http://jsfiddle.net/8qrLh2wz/

感謝您的時間

編輯： 我向大家道歉，我提交後太快我完全應得的downvotes。 我想要做的是（如您提到的其中一個）將dateClass元素移至timeline-date和contentClass至timeline-content。不過，我需要一個frame每dateClass和contentClass組元素：這意味着應該有 frame總

Answer 1

我認爲你正在試圖做的是對dateClass元素移至timeline-date和contentClass至timeline-content。

但在你的代碼中創建新的元素，但不會被添加到DOM所以儘量

var dateClasses = $('.dateClass'); // array of all your dateClasses 
var contentClasses = $('.contentClass'); // array of all your contentClasses 

$('.frame .timeline-date').append(dateClasses); 
$('.frame .timeline-content').append(contentClasses); 

演示：Fiddle

如果你想保持你的循環

var dateClasses = $('.dateClass'); // array of all your dateClasses 
var contentClasses = $('.contentClass'); // array of all your contentClasses 

var timeLineData =$('.frame .timeline-date'); 
var timeLineContent =$('.frame .timeline-content'); 

for (var i = 0; i < Math.min(dateClasses.length, contentClasses.length); i++) { 
    //Append DateClass to your timeline-data: 
    timeLineData.append(dateClasses[i]); 

    //Append ContentClass to your timeline-content: 
    timeLineContent.append(contentClasses[i]); 
} 

演示：Fiddle

Answer 2

首先，你的問題它不清楚，它應該做什麼？

其次，你的代碼有一個錯字，你的var名稱是「timeLineDate」，但你要調用timeLineData兩次。

更新

<span class="dateClass">date1</span> 
<span class="dateClass">date2</span> 
<span class="dateClass">date3</span> 
<div class="contentClass">content1</div> 
<div class="contentClass">content2</div> 
<div class="contentClass">content3</div> 

var dateClasses = $('.dateClass'); // array of all your dateClasses 
var contentClasses = $('.contentClass'); // array of all your contentClasses 
var countElements = Math.min(dateClasses.length, contentClasses.length); 

for(var i = 0; i < countElements; i++) { 
    var frame = $("<div>", {class: "frame"}); // create your frame node 
    var timeLineDate = $("<div>",{class: "timeline-date"}); 
    var timeLineContent = $("<div>",{class: "timeline-content"}); 

    //Append DateClass to your timeline-data: 
    timeLineDate.append(dateClasses[i]); 

     //Append ContentClass to your timeline-content: 
    timeLineContent.append(contentClasses[i]); 

    //Append all to your frame 
    frame.append(timeLineDate); 
    frame.append(timeLineContent); 
    $("body").append(frame); 
} 

http://jsfiddle.net/j8229w4v/2/