如何从 class 获取 ID

Question

我想从 class 选择器中获取 ID 名称。我该怎么做？

<div class="tab-pane active popup_RC" id="Basic">

在 $(.tab-pane active) 我需要它的 ID Basic

Answer 1

使用attr()方法获取属性

$('.tab-pane.active').attr('id')

console.log(
  $('.tab-pane.active').attr('id')
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="tab-pane active popup_RC" id="Basic">

或使用 prop() 获取 id 属性或从 dom 对象获取。

$('.tab-pane.active')[0].id
// or
$('.tab-pane.active').prop('id')

console.log(
  $('.tab-pane.active')[0].id
);

console.log(
  $('.tab-pane.active').prop('id')
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="tab-pane active popup_RC" id="Basic">

Answer 2

您可以使用属性选择器attr("id")

$('.tab-pane.active').attr("id")

Answer 3

您可以使用.attr()获取元素的任意属性

$('.tab-pane active').attr('id');

How to get id from class