Question

让我们说我有两个divs

<div role="tabpanel" class="tab-pane fade">
    <form id="own-connection"></form>
</div>
<div role="tabpanel" class="tab-pane fade active in">
    <form id="inherited-connection"></form>
</div>

我想要的是获取子窗体的ID（无论div是否已作为类有效）。我该怎么办？考虑将上面两个div作为选项卡，当我单击其中的一个时，将其中一个作为类添加。

Answer 1

您可以使用

1）链接类选择器以获取具有类tab-pane和tabpanel的元素

2）.Find()选择器来查找表单元素

3）.attr()获取属性ID

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

Answer 2

检查以下代码，

$(function(){
var active_id=$(".tab-pane.active").find("form").attr("id");
console.log("active_form_id :"+active_id);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div role="tabpanel" class="tab-pane fade">
    <form id="own-connection"></form>
</div>
<div role="tabpanel" class="tab-pane fade active in">
    <form id="inherited-connection"></form>
</div>

希望有帮助

Answer 3

function getID(){
let $id = $(".tab-pane.active").children().attr('id');
-----------------------------------^ case like this children much better than find cause find will search thru entire dom but children only 1 lvl down
return $id;
}
usage: getID() --> will return active class children id

获取属于包含活动类的div的表单的ID

3 个答案: