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

Question

我有 3 个 anchor 和 3 个 div anchor 是这样的:

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

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

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

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

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

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

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

    alert(theClass)

});

问题是这个函数返回“undefined”。如何解决这个问题？

谢谢。

Answer 1

首先获取类属性。

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

你必须打破(爆炸/ split )它

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

终于可以上头等舱了

var firstClass = split[0];