jQuery 选择元素后，在创建它们之后

jquery select element above after they are created

本文关键字：创建 之后 选择 元素 jQuery      更新时间：2023-09-26

我有"阅读更多"按钮，一旦按下它就会加载 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>

jquery：

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

如何解决这个问题？

谢谢。

你不需要

为此使用 JavaScript，如果你愿意，你可以单独使用 CSS：

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

这应该可以做到：

$(function() {
   $('#read-more').on('click', function(e) {
      $('#read-more').prev().css("border-bottom-width", "0px");
   });
});
相关文章：