開いたタブに閉じるボタンの設置

次のようなHTMLで新規タブを開いたとします。

<a href="/information/help" class="information-help" target="_blank">ヘルプ</a>

この開いたタブの中に、以下のようなjQueryで「タブを閉じる」処理を行なうボタンを設置しました。

$(function() {
  $('.js-close-window').on('click', function() {
    window.close();
    return false;
  });
});

このボタンのHTMLはこんな感じです。

<a href="" class="js-close-window">閉じる</a>

jQueryやJavaScriptを書くときは、このように簡単に見えるものでも時間に余裕が無いとまだまだテンパります。

CHROMA