jquery - 如何用jQuery识别其他类之间的第一类？

Question

我与一些 divs 类有一个链接：

<a class='div1 otherdiv alignleft'>Link</a>

我需要调用这个链接的第一个类的函数，因为我可以在变量中获取这个类的名称？

记住第一个 div 的名称不会是固定名称，所以我不能这样声明：var firstdiv = div1

那么如何获取第一个类的名称并存储在变量中呢？为了在函数中使用它？像这样的东西：

var firstdiv = ('a').first();

并使用此 var 调用函数：

$(firstdiv).click(function(){
    // my function
});

如何识别标签a中第一个 div 的名称？

Answer 1

$('a > div:first')

|OR|

$.('a > div').first()

另见：http ://api.jquery.com/first/

或者，如果您已经将点击分配给a tag，您可以执行以下操作：

$(document).on('click', 'a', function(e) {
    var firstDiv = $(this).children('div').first();
    alert(firstDiv.attr('name');
});

也可以看看：

• http://api.jquery.com/on/
• http://api.jquery.com/live/
• http://api.jquery.com/attr/
• http://api.jquery.com/prop/

Answer 2

像这样简单http://jsfiddle.net/hj8Vb/

HTML

<div id="bla" class="div1 another align test">Content</div>

jQuery

$('#bla').click(function(){
    alert($(this).attr('class').split(" ")[0]);
});