読者です 読者をやめる 読者になる 読者になる

Engineer's Way

主にソフトウェア関連について色々書くブログです。

結合されたtableタグをJavaScriptで分割する方法

JavaScript

 

特に何ということは無いのだけども。
ExcelのUIを実現するJSライブラリ」を使っている時、クリックしたりマウスオーバーしたセルの列名が欲しくなることがある。
その時、列名のセルを結合していると列番号から引っ張れないので、こんな感じで分割する一手間が必要になることもあったり。
まあ今回は不要だったけど。

let data = [];
const getter = () => {
  const tr = $("table tr");
  const cells = tr.eq(0).children();
  for( const cell of cells ){
    const text = $(cell).text();
    const colspan = $(cell).attr("colspan");
    const number = colspan ? Number(colspan) : 1;

    for (let i = 0; i < number; i++){
       data.push(text);
    }
  }
};

getter();
$('#result').text(data);

http://codepen.io/anon/pen/WpvamY