Javascript 如何找到具有特定类的最后一个元素

我有下面的HTML

<ul id="productCategory-ul" class="productCategory__ul">
<li><figure class="productCategory__ul__li" data-id="1"></figure></li>
<li><figure class="productCategory__ul__li" data-id="2"></figure></li>
<li><figure class="productCategory__ul__li" data-id="3"></figure></li>
<li><figure class="productCategory__ul__li" data-id="4"></figure></li>
</ul><!-- end of brandContent__ul -->

如何获取

productCategory\uu ul\uu li

last

数据id

---

我不想使用

productCategory-ul

查找我最后的

li

，我想使用

each

或使用

productCategory-ul\uu-li

查找它。

您可以使用

：last

选择器（或

last（）

方法）检索匹配集中的最后一个元素：

var id = $('.productCategory__ul__li:last').data('id');
   // or $('.productCategory__ul__li').last().data('id');

var id=$（'.productCategory__ul__li:last'）。数据（'id'）；
console.log（id）



id=1


id=2


id=3


id=4

你可以得到李的最后一个孩子。

$('.productCategory__ul__li:last-child')

你可以：

jQuery(".productCategory__ul__li").last().data("id");

无需每次使用
或使用
ul
。此代码
jQuery（“.productCategory\uuuu ul\uuuu li”）
选择具有给定类的所有元素

last（）
将从元素的数组中选择最后一个元素

数据将拾取数据属性（此处为
id
）。
给您：

  $(document).ready(function(){

            $( ".productCategory__ul__li" ).last().addClass( "lastButNotTheLeast" );

     });

希望有帮助
 请记住，jQuery只是一个javascript库

jQuery库的要点是“少写，多做”——它的目的是通过只编写短代码片段来帮助您实现大量目标

对于类似的内容，可以在jQuery中编写：

$(document).ready(function(){
    var jQueryLastDataID = $('.productCategory__ul__li:last').attr('data-id');
});

尽管可以说，用普通javascript编写这篇文章几乎不需要更多时间：

var dataIds = document.querySelectorAll('.productCategory__ul__li');
var javascriptLastDataID = dataIds[(dataIds.length - 1)].dataset.id;

工作示例：


$（文档）.ready（函数（）{
var jQueryLastDataID=$（'.productCategory__ul__li:last'）.attr（'data-id'）；
log（'jQueryLastDataID为'+jQueryLastDataID'）；
});
var dataid=document.querySelectorAll（'.productCategory__ul__li'）；
var javascriptLastDataID=dataIds[（dataIds.length-1）].dataset.id；
log（'javascriptLastDataID为'+javascriptLastDataID'）






可能存在的副本
var dataIds = document.querySelectorAll('.productCategory__ul__li');
var javascriptLastDataID = dataIds[(dataIds.length - 1)].dataset.id;