Question

我已创建了一个列表，并尝试为每个

添加不同的类名。目前，这是我的工作：

HTML：

<div class="collapse navbar-collapse" id="navbar-color">
<ul>
   <li><a href="#">List Item 1</a></li>
   <li><a href="#">List Item 2</a></li>
   <li><a href="#">List Item 3</a></li>
</ul>
</div>

JS：

$(document).ready(function(){
    var color=['red-dark','orange-dark','orange','yellow','grey','green','green-dark'];
    $('#navbar-color ul li').each(function(i){
        $(this).addClass(colors[i]);
    });
});

非常感谢任何帮助。

Answer 1

您的选择失败，因为您正在抓住带有ID的<ul>并尝试在其中找到<ul>。

正如@Tushar所说，使用以下内容：

$(document).ready(function(){
    var color=['red-dark','orange-dark','orange','yellow','grey','green','green-dark'];
    $('#navbar-color li').each(function(i){ // remove ul
        $(this).addClass(color[i]);
    });
});

您还有一个额外的双引号$('#navbar-color"将被删除

Answer 2

请正确检查您的颜色变量。

Demo

＆＃13;

$(document).ready(function() {
  var color = ['red-dark', 'orange-dark', 'orange', 'yellow', 'grey', 'green', 'green-dark'];
  $('#navbar-color ul li').each(function(i) {
    $(this).addClass(color[i]);
  });
});

＆＃13;

.red-dark {
  color: red;
}
.orange-dark {
  color: orange;
}
.orange {
  color: blue;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div class="collapse navbar-collapse" id="navbar-color">
  <ul>
    <li><a href="#">List Item 1</a>
    </li>
    <li><a href="#">List Item 2</a>
    </li>
    <li><a href="#">List Item 3</a>
    </li>
  </ul>
</div>

＆＃13;

Answer 3

使用以下代码:: 检查这个小提琴https://jsfiddle.net/095wn6ms/ HTML：

<div class="collapse navbar-collapse" id="navbar-color">
    <ul>
       <li><a href="#">List Item 1</a></li>
       <li><a href="#">List Item 2</a></li>
       <li><a href="#">List Item 3</a></li>
    </ul>
  </div>

和js：

$(document).ready(function(){
    var color=['red-dark','orange-dark','orange','yellow','grey','green','green-dark'];
    $('#navbar-color ul li').each(function(i){
        $(this).addClass(color[i]);
    });
});

Answer 4

您在数组的每个循环with open('gmm_data.txt') as f: maxf = float('-inf') minf = float('inf') for line in f: # read rest of lines if line.strip(): arr = [float(x) for x in line.split()]) maxa = max(arr) mina = min(arr) if maxa > maxf: maxf = maxa if mina < minf: minf = mina中使用了错误的变量名称。

clolors

$(document).ready(function() {
  var color = ['red-dark', 'orange-dark', 'orange', 'yellow', 'grey', 'green', 'green-dark'];
  $('#navbar-color ul li').each(function(i) {
    $(this).addClass(color[i]);
  });
});

.red-dark {
  color: red;
}
.orange-dark {
  color: blue;
}
.orange {
  color: orange;
}

将不同的类更改为每个<li>

4 个答案: