最後の<li>タグから<hr>タグを削除したい

debugcn 投稿 Dev

ポルフィロゲンニトス

私が作成しようとしているのは、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
});

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]