获取最后一个子元素的类名

Question

我想在.find_class中检索最后一个子元素的类名，但我的代码会给我undefined。我该如何解决？

示例：http://jsfiddle.net/gBxan/

<div class="find_class">
    <div class="class1"></div>
    <div class="class2"></div>
    <div class="class3"></div> <!-- I want to get this div's class name -->
</div>

var find = $('div.find_class div:last').find('div:last').attr('class');
alert(find);

Answer 1

您需要丢失额外的find：

var cls = $('div.find_class div:last').attr('class');

<强> See it in action

Answer 2

也许以下代码可以完成这项工作：

var divs = $(".find_class").find("div");
var lastDiv = divs.eq(divs.length-1);
alert(lastDiv.attr("class"));

Answer 3

问题中的示例与回复中的示例略有不同。你只想看看直接的儿童div。

试试这个：

var find = $('div.find_class > div:last').attr('class');
alert(find);

请参阅http://jsfiddle.net/VbxpY/