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

Question

使用方法'map'将以下类添加到每个列表'ul'的元素'li'中：1-st - 'sel'，2-nd - 'sel2'，3-rd-'sel3'，4- th - '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完全错误。你可以稍微缩短你的代码。 ;）

＆＃13;

＆＃13;

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

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

或者map，请原谅：

＆＃13;

＆＃13;

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

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;