如何使用JavaScript/JQuery获得一个已经触发事件的元素的类别

想要使用JavaScript或者jQuery获得已经触发事件的元素的类别，需要进行以下步骤：

步骤一：获取触发事件的元素

首先，需要使用事件监听函数来获取触发事件的元素，例如下面的代码：

const targetElement = event.target;

这里的event.target指向触发事件的元素。

步骤二：获取元素的类别

接下来，通过获取元素的classList属性可以获得元素的类别，示例如下：

const targetElement = event.target;
const elementClass = targetElement.classList[0];

这里的classList属性返回一个包含元素类的DOMTokenList对象，获取其中的第一个元素即为当前元素的类别，这里假设第一个类别为该元素的主类别。

示例一：使用JavaScript获取

<div class="container">
  <button class="btn btn-primary" onclick="checkButtonClass(event)">Click me</button>
  <button class="btn btn-secondary" onclick="checkButtonClass(event)">Click me</button>
</div>

function checkButtonClass(event) {
  const targetElement = event.target;
  const elementClass = targetElement.classList[0];
  console.log(elementClass);
}

上面的代码中，我们在onclick事件中调用了checkButtonClass函数，并将event对象作为参数传入，然后在函数中获取该事件的触发元素，最后通过该元素的classList属性获取元素的主类别，并输出到控制台中。

示例二：使用jQuery获取

<div class="container">
  <button class="btn btn-primary">Click me</button>
  <button class="btn btn-secondary">Click me</button>
</div>

$('.btn').click(function(event) {
  const targetElement = event.target;
  const elementClass = targetElement.classList[0];
  console.log(elementClass);
});

上面的代码中，我们使用了jQuery的click函数来监听所有具有.btn类的元素的click事件，并将event对象作为参数传入回调函数中，然后在回调函数中获取该事件的触发元素，最后通过该元素的classList属性获取元素的主类别，并输出到控制台中。