正規表現でreplaceする際に条件分岐する方法がわかりません

Question

やりたいことい・わからないこと

URLを見つけて自動でリンクをつけたいです。
その際にURLの中身が自サイトか外部サイトかで条件分岐したいのですが、その方法がわかりません。

書いたコード

html

<div class="auto-link">
  https://my-domain.com/sample/<br>
  https://other-domain.com/sample/
</div>

javascript

	$('.auto-link').each(function(){
		var txt = $(this).html();
		$(this).html(
			txt.replace(/((http|https|ftp)://[\w?=&./-;#~%-]+(?![\w\s?&./;#~%"=-]*>))/g, function($1){
				if ($1.match(document.domain)) {
					// ドメインが同じ場合は同じウィンドウ
					return '<a href="' + $1 + '">' + $1 + '</a>';
				} else {
					// ドメインが異なる場合は別ウィンドウ
					return '<a href="' + $1 + '" target="_blank" rel="nofollow">' + $1 + '</a>';
				}
			});
		)
	});

上記のコードでいけると思ったのですが、エラーが出ました。

エラーの内容

Uncaught SyntaxError: missing ) after argument list
と出ます。

jQueryを勉強中なのですが本当に苦手で、ずっと調べて試行錯誤しているのですがいまいちわかりません。もし上記についてお分かりになる方がいらっしゃいましたら、どうかご教授いただけましたら幸いです。

何卒よろしくお願いいたします。

Comments

[m.ts10806]

自サイトなのにhttpから入ってるんですか？

[yayak]

m.ts10806様、ご質問有難うございます。
はい、この部分が諸事情で絶対URLにしております。

[m.ts10806]

エラーは単にカッコの対応があってないだけかと思いますが、
結局は「どういう文章を元にどういう結果を返したいか」になってくるので、
サンプルで良いので$(this).html()の内容をご提示ください。

[yayak]

m.ts10806様、お返事いただき誠に有難うございます。
html部分の記載が漏れていました。申し訳ございません。
質問部分への追記・修正いたしました。

Answer 1

セミコロンの位置がおかしい。書いてはいけない場所に1つあり、その直後にあるべき箇所に存在しない。
vscodeなどの、マトモな構文チェック機能がある開発環境を使え。
具体的にどこに足りないかを指摘してもいいが、環境をどうにかしないと30分後にまた同じような質問をすることになるからどのみち問題は解決しない。

Comments

[yayak]

ありがとうございます！セミコロンの位置で解決しました！
独学のためvscodeというものを知りませんでした。。試してみます、有難うございます！