Javascript 检查哪个元素最靠近其底部'；s容器。JS/jQuery

如果我有以下页面：

<div class="container">
    <div class = "data" ></div>
    <div class = "data" ></div>
    <div class = "data" ></div>
<div>

---

使用JS、jQuery或CSS3，有没有办法检查到底是哪个“数据”div？即，最靠近“容器”底部。然后向该分区添加一个类。

您可以使用CSS中可用的

：last child

选择器

.data:last-child { }

---

您可以使用CSS中可用的

：last child

选择器

.data:last-child { }

使用Jquery：

var lastElement = $('.container .data:last-child');
lastElement.addClass('yourClass');

使用本机js：

var div = document.getElementsByClassName("container")[0];
var lastElement = div.lastChild;
lastElement.className = lastElement.className + ' yourClass';

使用css：

.container .data:last-child { }

使用Jquery：

var lastElement = $('.container .data:last-child');
lastElement.addClass('yourClass');

使用本机js：

var div = document.getElementsByClassName("container")[0];
var lastElement = div.lastChild;
lastElement.className = lastElement.className + ' yourClass';

使用css：

.container .data:last-child { }

---

这是jQuery方法，用于将类分配给数据类的最后一个元素

 $(document).ready(function(){

    $('.data').last().addClass("give class name");

 });

---

这是jQuery方法，用于将类分配给数据类的最后一个元素

 $(document).ready(function(){

    $('.data').last().addClass("give class name");

 });

---

你的js是错误的。GetElementsByCassName返回的数组没有属性“lastChild”！是的，我删除了我的JS，因为我有同样的感觉：）你的JS是错误的。GetElementsByCassName返回的数组没有属性“lastChild”！是的，我删除了我的JS，因为我有同样的感觉：）