獲得具有特定類

這是我的網站頁面的小提琴一個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

獲得具有特定類

回答

相關問題