forループ内switchステートメントjavascript

Question

セクションに動的HTML要素を挿入したいと思います。 たとえば、3つの列が必要な場合は、最初にforループを呼び出します。このループのセクションには3つの動的HTMLがあります。私は2つの列が必要なときに、私はsectionの2動的HTMLを持っている秒のループを呼び出します。私は必要なループを選択するためにスイッチケースが必要だと思っていますが、それは可能ですか？ forループ内switchステートメント以下は、

switch(){ 
    case 1; 
     for(var d = 0; d<3; d++){trigger} 
    case 2; 
     for(var a = 0; a<2; a++){trigger} 
    case 3; 
     trigger; 
} 

$(function(){ 
 
    \t for(var d = 0; d<3; d++){ 
 
\t \t \t \t $("#section").append("<article id='menu_'" + d + ">menu</div>"); 
 
\t \t \t 
 
\t \t \t \t var cssObj = { 
 
\t \t \t \t \t 'width' : '33%', 
 
\t \t \t \t \t 'background' : 'blue', 
 
\t \t \t \t \t 'float' :"left", 
 
\t \t \t \t \t 'border':"1px solid #aaa" 
 
\t \t \t \t } 
 

 
\t \t \t \t 
 
\t \t \t \t $("#section").children("#menu_").css(cssObj); 
 
\t \t \t } 
 

 
\t \t \t for(var a = 0; a<2; a++){ 
 
\t \t \t \t $("#section1").append("<article id='menu_'" + a + ">menu</div>"); 
 

 
\t \t \t \t var cssObj = { 
 
\t \t \t \t \t 'width' : '49.6%', 
 
\t \t \t \t \t 'background' : 'yellow', 
 
\t \t \t \t \t 'float' : 'left', 
 
\t \t \t \t \t 'border' : '1px solid #aaa' 
 
\t \t \t \t } 
 

 
\t \t \t \t $("#section1").children("#menu_").css(cssObj); 
 
\t \t \t } 
 

 
\t \t \t $("#section2").append("<article id='menu_'>menu</div>") 
 
\t \t \t var cssObj = { 
 
\t \t \t \t 'width' : '99.7%', 
 
\t \t \t \t 'background' :'green' 
 
\t \t \t } 
 

 
\t \t \t $("#section2").children("#menu_").css(cssObj); 
 

 

 

 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script> 
 
<div id="section"> 
 
\t \t \t 
 
</div> 
 

 
<div id="section1"> 
 

 
</div> 
 

 
<div id="section2"> 
 

 
</div>

Answer 1

私の提案は、あなたが、トリガーを呼び出し、その外側のループを行います回数を定義するためにswitchを使用している：

switch(val){ // whatever val you're testing 
case 1: 
    n =3; 
    break; 
case 2: 
    n =2; 
    break; 
case 3: 
    n=1; 
} 
for(var d = 0; d<n; d++){trigger}