使用jquery

时间:2017-09-24 08:59:34

标签: javascript jquery css html5

这是我的HTML代码。我试图使这个链接使用不同的颜色,但使用jquery。

nav ul li:nth-child(1) a { color: orange; }
nav ul li:nth-child(2) a { color: red; }
nav ul li:nth-child(3) a { color: green; }
nav ul li:nth-child(4) a { color: brown; }
nav ul li:nth-child(5) a { color: yellow; }
nav ul li:nth-child(6) a { color: purple; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<nav>
  <ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</nav>

也是活动链接将是黑色(#000)颜色。活动链接背景将是链接颜色。

2 个答案:

答案 0 :(得分:4)

您可以将颜色存储到数组中,然后使用选择器获取li并迭代它们。在每次迭代中,使用jQuery#css函数使用列表中li的索引和colors中颜色的索引来应用颜色。

但最好使用css将样式应用于项目。只能使用jQuery应用动态更改的样式。将在css上设置多少作品而不是jQuery,它的工作速度会更快。

const colors = [ 'orange', 'red', 'green', 'brown', 'yellow', 'purple'];

$('nav ul li a').each(function(index, item) {
   $(item).css('color', colors[index]);
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<nav>
  <ul>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
</ul>
</nav>

答案 1 :(得分:0)

检查一下。测试!!!

prior_p <- rep(1/520,520)

train_control = trainControl(method= "none")

grid = expand.grid(smooth = "none", prior = prior_p)

model2 <- train(x = training_37_final4[,1:4], y =

training_37_final4$Group.ID, method = "manb", tuneGrid=grid, trControl = train_control)