jquery - jquery - 幅が 767px 未満の場合は html を削除する

Question

現在、サイトへの「フィードバック」フォーム用のモーダル ポップアップ (シャドウボックス) があります。デスクトップ ブラウザーのモーダルには問題ありませんが、モバイル ブラウザー (767px 未満) で新しい「ページ」を開き、モバイル デバイスでのモーダルの複雑さを解消したいと考えています。

リンクコードから 'rel="shadowbox"' 要素を削除して、新しいブラウザウィンドウを開くだけのjqueryソリューションはありますか?

例：

デスクトップ版

<a href="site.com" target="_blank" rel="shadowbox">Link</a>

767px以下のバージョン

<a href="site.com" target="_blank">Link</a>

これまでのところ、次のスクリプトがあります。

<script>
$( "a" )
  .contents()
  .filter(function(){
    return this.nodeType !== 1;
  })
  .remove( "rel="shadowbox"" );
</script>

「if、then」を適用するために最初に幅を検出する方法がわかりません。

助けていただければ幸いです。確かに、私は必要なほど JS を扱っていません。