如何获取我的最后一个类元素data-id？ [英] How to i get my last class element data-id?

问题描述

html

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

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

my intention is to get my last figure li data-id , but i tried some code and it didt work.

<li></figure data-id="4"></figure></li>

我的代码

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最后一个数据ID？

so how do i get my productCategory-ul last data-id ?

推荐答案

首先纠正 HTML

<li><figure data-id="4"></figure></li>

而不是

<li></figure data-id="4"></figure></li>

因为你打算定位最后的 li 元素，使用：last-child 选择器。那么你可以得到后代数字然后可以获取 id 。

As you intent to target the last li element, use :last-child selector with it. then you can get descendant figure afterwards id can be fetched.

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

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="productCategory-ul" class="productCategory__ul">
  <li>
    <figure data-id="1">1</figure>
  </li>
  <li>
    <figure data-id="2">2</figure>
  </li>
  <li>
    <figure data-id="3">3</figure>
  </li>
  <li>
    <figure data-id="4">4</figure>
  </li>
</ul>
<!-- end of brandContent__ul -->

这篇关于如何获取我的最后一个类元素data-id？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！