htmlテーブルのダウンロードxlsx

Question

私は2つのjquery uiタブを持っていますが、それぞれにhtmlテーブルがあります。このスクリプトは両方のテーブルをダウンロードしますが、どうすればアクティブなタブのテーブルをExcelにダウンロードするだけですか？

$("#btnExport").click(function(e) { 
      e.preventDefault(); 
      //getting data from our table 
      var data_type = 'data:application/vnd.ms-excel'; 
      var table_div = document.getElementById('tabs'); 
      var table_html = table_div.outerHTML.replace(/ /g, '%20'); 

      var a = document.createElement('a'); 
      a.href = data_type + ', ' + table_html; 
      a.download = 'exported_table_' + Math.floor((Math.random() * 9999999) + 1000000) + '.xlsx'; 
      a.click(); 
      }); 

フィドルリンク：https://jsfiddle.net/d19918/nz1yc3x0/10/

Answer 1

あなただけの正しいタブを取得する必要があります。

var table_div = document.querySelector("#tabs [aria-hidden='false']"); 

デモ：https://jsfiddle.net/nz1yc3x0/13/