JavaScript：邏輯顯示未知數量的瓷磚

Question

我有一種情況，我得到4,5或6個圖像/瓷磚。 根據瓷磚的數量，我需要格式化網頁上的圖像。 像這樣http://prntscr.com/9y75dw

如果是五張圖像，我必須以第一行中的兩張圖像和第二行中的三張圖像進行格式化。你能幫我理解邏輯嗎？

Answer 1

嗯，我沒有看到一個技術，也許我缺少做更適當地或以通用的方式，但由於給出的是隨機圖像較少的描述和電話號碼，我不知道這將如何工作。

var imageLength = $('img').length; 
var newLength = 0, differenceLength=0; 

if(imageLength%2==0){ 
    //incase of even number 
    //Do what you like here eg: $('img').css('width', '50%'); 
} 
else{ 
    // incase of odd number 
    newLength = Math.round(imageLength/2); //dividing number into two parts. 
    differenceLength = imageLength - newLength; //difference to put smaller above and greater below. 
    $('parent-div img:nth-child(1)').nextUntil('img:nth-child('+differenceLength+')').wrapAll('<div></div>') //wraps into a container div 
} 

雖然這只是一種方法。到目前爲止，您可能已經意識到了很多邏輯。

PS：我已經隨機寫了這段代碼，所以把它作爲一個邏輯來尋求幫助。不確定這是否會起作用。