jquery或js选择元素的第一个类

Question

我有3个具有3个div的锚点.锚点是这样的:

<a class="home sharedClass">home</a>

<a class="about sharedClass">about</a>

<a class="contact sharedClass">contact</a>

当我点击其中一个时,我得到相应div的内容,其id与第一个类相同(home,about或contact)

我有一个小jQuery代码,必须选择正确的类但结果是一个警告告诉theClass的名称:

$('a.sharedClass').click(function(){

    var theClass = $(this).attr('class[0]');

    alert(theClass)

});

问题是这个函数返回"undefined".如何解决这个问题？

谢谢.

Answer 1

首先获取class属性.

var theClass= $(this).attr('class');

你必须打破(爆炸/分裂)它

var split = theClass.split(' '); // this returns an array

最后你可以访问第一堂课

var firstClass = split[0];