获得具有特定类

这是我的网站页面的小提琴一个div的ID：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有“活动”类，然后拿到DIV ID，所以后来我就可以知道哪个形式复位。

来源

2015-08-20 Vereonix

你使用jQuery – code

ü可以尝试'$（ '有效 '）ATTR（' ID'）'如果你使用jQuery – Sushil

检查this updated fiddle。

所以我已经改变了你的函数resetTab这样：

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

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

我想你可以通过jQuery(".tabs form")尝试循环和应用reset()所有执行clearAll功能，但我没有尝试过。

^{注：我已经改变了你的提琴脚本设置为“包裹在<头>”的代替“的onLoad”或您的代码永远不会成功。}

来源

2015-08-20 21:28:44 DontVoteMeDown

精彩由于得到'active'类的ID：）我也有嵌套选项卡，我是jQuery的新手，我假设我可以做一个简单的检查哪个主要选项卡是活动的，然后有这个重置功能的活动子选项卡？ – Vereonix

@Tom的问题是：有多少标签有'.active'类？只有嵌套的，或父母也有它？ – DontVoteMeDown

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

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

这将准确地获得特定ID假设你只需要在页面上一个DIV一个活动类。如果你有多个，你可能需要执行某种循环。

来源

2015-08-20 21:28:02 code

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

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

来源

2015-08-20 21:33:16

获得具有特定类

回答

相关问题