Question

例如，我在这里有一个for循环，它会在div中生成一些数字

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

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

    countProfile++; 
   };

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

我正试图抓住最后一个孩子使用另一种方法，我尝试使用:last-child()，但它在我的应用程序中无效，我做错了吗？

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

Answer 1

:last-child 选择父母中的最后一个，如果他们在不同的父母中，则可以多于一个，而是尝试 last() 或<强> :last

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

或者，如果只有一个父级且包含不同类型的元素，则有时 :last-child 将无法正常工作（有关详细信息：The Difference Between :nth-child and :nth-of-type），所以该案例使用 :last-of-type 。

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

Answer 2

您必须使用:last选择器...

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

API文档https://api.jquery.com/last-selector/

获得同一班级的最后一个孩子

2 个答案: