Question

这是我网站页面的小提琴：https://jsfiddle.net/e1bhwvj8/1/

我想通过按下按钮清除当前活动标签上的表单信息。

每个标签都有一个唯一的ID，其表单也是如此，但只有当前活动的标签才会为其分配“活动”类。

            <div class="tab-content">
                <div id="general" class="tab active">
                    <form id="generalForm">
                      <div id="tabTableContainer">
                        <table style="width:60%">
                          <tr>

我想知道如何检测哪个div具有“active”类然后获取div id，这样我就可以知道要重置哪个表单。

Answer 1

检查this updated fiddle。

所以我已将您的函数resetTab更改为：

function resetTab() {
    jQuery(".tabs div.active form")[0].reset();
}

选择器在div div中的其他选项卡中找到active类.tabs。然后在活动标签（div）内找到form。 [0]表示它正在使用返回集合的第一个元素（如果找不到表单，您可能需要放置if）并将reset()应用于它。

我认为您可以尝试循环遍历jQuery(".tabs form")并将reset()应用于所有人以执行 clearAll 功能，但我没有尝试过。

^{注意：我已将您的小提琴脚本设置更改为＆＃34; wrap in＆lt; head＆gt;＆＃34; 而不是＆＃34; onLoad＆＃34; 或您的代码永远无法运作。}

Answer 2

由于您正在使用jQuery，您可以选择div元素，然后选择具有活动类的那个：

var thisID = $('div.active').attr('id')

如果您在页面上只有一个带有有效类的div，则会准确获取具体ID。如果你有多个，你可能需要执行某种循环。

Answer 3

您可以使用基本函数来获取元素的id。

document.getElementsByClassName('active')[0].id

获取具有特定类的div的id

3 个答案: