获取具有特定类的div的id

时间:2015-08-20 21:20:32

标签: javascript html ajax class

这是我网站页面的小提琴: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,这样我就可以知道要重置哪个表单。

3 个答案:

答案 0 :(得分:2)

检查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; 或您的代码永远无法运作。

答案 1 :(得分:0)

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

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

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

答案 2 :(得分:0)

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

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