我想从最后的<li>标记中删除<hr />标记

Question

我要做的是从 li 标记中删除最后一个 hr 标记。

JavaScript的：

＆＃13;

＆＃13;

$(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'
  });
});

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

这里我有CodePen的链接：

https://codepen.io/Terzio/pen/zjPBoq

告诉我这段代码中的一切都是错的，这样我就可以从错误中吸取教训并变得更好。