javascript - 我想从最后一个 <li> 标签中删除 <hr> 标签

Question

我要做的是从我的 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

告诉我这段代码中的所有错误，以便我从错误中吸取教训并变得更好。

Answer 1

你可以把 <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
});