如何使用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]);
});