如何使用方法'map'將以下類添加到元素'li'

Question

使用方法'map'將以下類添加到每個列表'ul'的元素'li'：1-st - 'sel'，2 -nd - 'SEL2'，3-RD - 'SEL3'，4個 - 'SEL' ......

$("li").map(function() { 

     var replacement = $("<li>"). $(this).get(0); 
     if (index === 0,4) { 
      $(replacement).addClass("sel"); 
     } 
     if (index === 1,4) { 
      $(replacement).addClass("sel1"); 
     } 
     if (index === 2,5) { 
      $(replacement).addClass("sel2"); 
     } 
     return replacement; 
    }); 

Answer 1

使用each，而不是map，因爲map是完全地錯了這項任務。你可以縮短你的代碼。 ;）

$("li").each(function(i) { 
 
    var replacement = $(this), 
 
     index = i > 0 && i < 3 ? ++i : ''; 
 

 
    replacement.addClass("sel" + index); 
 
});

.sel { color: red; } 
 
.sel2 { color: green; } 
 
.sel3 { color: blue; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<ul> 
 
    <li>1</li> 
 
    <li>2</li> 
 
    <li>3</li> 
 
    <li>4</li> 
 
</ul>

或者與map，怎麼一回事，因爲希望：

$("li").map(function(i) { 
 
    var replacement = $(this), 
 
     index = i > 0 && i < 3 ? ++i : ''; 
 

 
    replacement.addClass("sel" + index); 
 
});

.sel { color: red; } 
 
.sel2 { color: green; } 
 
.sel3 { color: blue; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<ul> 
 
    <li>1</li> 
 
    <li>2</li> 
 
    <li>3</li> 
 
    <li>4</li> 
 
</ul>