如何获取我的最后一个类元素data-id？

HTML

我的目的是得到我的最后一个数字li data-id，但我尝试了一些代码，它确实有效。

我的代码

1。

 var lastProductItem = $("#productCategory-ul li figure:last-child").attr("data-id"); 

2。

 var lastProductItem = $("#productCategory-ul > li figure:last-child").data("id"); 

那么如何获得我的productCategory-ul最后的data-id？

Answer 1

首先纠正HTML

代替

当您打算定位最后一个li元素时，请使用:last-child selector。 那么你可以获得后代figure后可以获取id 。

 var lastProductItem = $("#productCategory-ul li:last-child figure").data("id"); 

 console.log($("#productCategory-ul li:last-child figure").data("id")) 

  
 
 
1
 
 
 
2
 
 
 
3
 
 
 
4
 
 
  

Answer 2

HTML

jQuery的

 var lastProductItem = $("#productCategory-ul > li:last-child figure").attr("data-id"); alert(lastProductItem); 

Answer 3

你可以玩这样的最后一项

  $( "ul li:last-child" ).css({ color:"red", fontSize:"80%" }) .hover(function() { $( this ).addClass( "solast" ); }, function() { $( this ).removeClass( "solast" ); });