javascript - 创建后，jquery 选择上面的元素

Question

我有“阅读更多”按钮，一旦按下它就会加载 10 个帖子。每个帖子都有底部边框。当按下该按钮并加载 10 个新帖子时，我想删除最后一个元素的边框(首先在“阅读更多”按钮上方)。

代码结构:

<div class="container">
  <article class="col-md-12">1 lorem ipsum dolorem</article>
  <article class="col-md-12">2 lorem ipsum dolorem</article>
  <article class="col-md-12">3 lorem ipsum dolorem</article>
  <article class="col-md-12">4 lorem ipsum dolorem</article>
  <article class="col-md-12">5 lorem ipsum dolorem</article>
  <article class="col-md-12">6 lorem ipsum dolorem</article>
  <article class="col-md-12">7 lorem ipsum dolorem</article>
  <article class="col-md-12">8 lorem ipsum dolorem</article>
  <article class="col-md-12">9 lorem ipsum dolorem</article>
  <article class="col-md-12">10 lorem ipsum dolorem</article>
  <button id="read-more">Read more</button>
</div>

j查询:

$(function() {
   $('#read-more').on('click', function(e) {
      $('#read-more').closest().css("border-bottom", "none");
   });
});

如何解决？

谢谢。

Answer 1

你不需要为此使用javascript，如果你愿意，你可以单独使用css:

.container article:last-of-type{
    border-bottom: none;
}