Erste das letzte Kind der gleichen Klasse

Question

Zum Beispiel ich ein hier für Schleife haben, die eine gewisse Anzahl erzeugen lag in einem div

var countProfile = 0; 
var tablehtml = ""; 
    for (var i=0; i <10; i++){ 

    tablehtml = tablehtml　+ '<div class="DataCount">'+countProfile+'</div>' 

    countProfile++; 
    }; 

    $("#somewhere").html(tablehtml); 

Und ich versuche das letzte Kind für eine andere Methode zu greifen zu verwenden, Ich habe versucht, :last-child() zu verwenden, aber es funktioniert nicht in meiner Anwendung, mache ich es falsch?

var dataCounting = $(".DataCount:last-child").html(); 
console.log(dataCounting); 

Answer 1

:last-child wählt letzte in ihren Eltern, die eine mehr als sein kann, wenn sie sich in verschiedenen Eltern sind, versuchen Sie stattdessen last() oder :last

$(".DataCount").last().html(); 

---

Oder wenn Es gibt nur einen Elternteil, der verschiedene Arten von Elementen enthält, manchmal :last-child wird nicht wie erwartet funktionieren (für weitere Informationen: The Difference Between :nth-child and :nth-of-type), verwenden Sie stattdessen :last-of-type.

$(".DataCount:last-of-type").html(); 

Answer 2

Sie haben :last Selektor verwenden ...

$(".DataCount:last").html();

API-Dokumentation hier https://api.jquery.com/last-selector/