jquery Wählen Sie das Element oben, nachdem sie erstellt wurden

Question

Ich habe "mehr lesen" -Taste, einmal gedrückt lädt es 10 Beiträge. Jeder Beitrag hat einen unteren Rand. Wenn diese Schaltfläche gedrückt wird und 10 neue Posts geladen werden, möchte ich diesen Rahmen für das letzte Element entfernen (zuerst über der Schaltfläche "Mehr lesen").

-Code-Struktur:

<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"); 
    }); 
}); 

Wie dieses Problem gelöst werden kann?

Danke.

Answer 1

Dies sollte es tun:

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

Answer 2

Sie müssen Javascript nicht dafür nutzen, können Sie CSS allein verwenden, wenn Sie wollen:

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