我要做的是从我的 li 标签中删除最后一个 hr 标签。
JavaScript:
$(document).ready(function() {
var api = "https://wind-bow.gomix.me/twitch-api";
var streamers = ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp",
"storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"
];
var newStreamers = []
for (var i = 0; i <= streamers.length - 1; i++) {
newStreamers.push('<li>' + streamers[i] + '</li>' + '<hr>');
}
$("#streamers").html(newStreamers.join(""));
$(".container > .list > ul > li:not(:last-child)").css();
$(".container > .list > ul > li").css({
'margin-left': '50px',
'padding': '30px'
});
$("#streamers:last-child hr").css({
'display': 'none'
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
<div class="twitch">
Twitch
</div>
<div class="list">
<ul>
<li id="streamers">
</li>
</ul>
</div>
<footer>
</footer>
</div>
这是我的 CodePen 的链接:
https://codepen.io/Terzio/pen/zjPBoq
告诉我这段代码中的所有错误,以便我从错误中吸取教训并变得更好。
你可以把 <hr>
连接中的标记。
$(document).ready(function() {
var api = "https://wind-bow.gomix.me/twitch-api";
var streamers = ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"];
var newStreamers = []
for (var i = 0; i <= streamers.length-1; i++) {
newStreamers.push('<li>' + streamers[i] + '</li>'); // Remove <hr> from here
}
$("#streamers").html(newStreamers.join("<hr>")); // and add it here
});
我是一名优秀的程序员,十分优秀!