如何从课堂上获取id

Question

我想从类选择器中获取id名称。我该怎么办？

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

在$(.tab-pane active)我需要其身份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');