【javascript】全ての数字に処理を適用するという書き方

Question

【保有するテーブル】
1つのホームぺージにテーブルが多数あります。
それぞれのテーブルには下記のようにIDが振られています。
ID="table1"
ID="table2"
ID="table3"
・
・
・
ID="table100"

【保有するJavescript その1】
一方で、下記のような自動URLリンクプラグインがあります。

<script type="text/javascript"> 
/* 自動URLリンクプラグイン for jQuery
2009.1 By KaZuhiro FuRuhata  */
$.fn.urlAutoLink = function(baseURL){
    return this.each(function(){
        var srcText = this.innerHTML;
         this.innerHTML = srcText.replace(/(https?:\/\/[\x21-\x7e]+)/gi, "<a href='$1' target='blank'>$1</a>");
    });
} 
</script>

このプラグインを下記のように使用することで ID="table1" のテーブル内にあるhttp またはhttps から始まるURLが全て自動リンクされます。

【保有するJavescript その2】

<script type="text/javascript"> 
	$(function () {
	$("#table1").urlAutoLink();
			});
</script>

このプラグインは、最初の「id="table1" のテーブル」だけにリンクを張ることが出来ます。テーブルが2つあった場合、2つ目のテーブルにリンクを張るには、下記のようにtable2を新たに設定しなければなりません。

<script type="text/javascript"> 
	$(function () {
	$("#table1").urlAutoLink();
	$("#table2").urlAutoLink();
			});
</script>

tableは多数あるため、下記のように書き足していくのも不憫です。

【保有するJavescript その3】

<script type="text/javascript"> 
	$(function () {
	$("#table1").urlAutoLink();
	$("#table2").urlAutoLink();
	$("#table3").urlAutoLink();
	$("#table4").urlAutoLink();
	$("#table5").urlAutoLink();
	$("#table6").urlAutoLink();
              .
              .
	$("#table100").urlAutoLink();
			});
</script>

【やりたいこと】

$("#table の次に数字が来る前提で、【保有するJavescript その3】のように $("#table●").urlAutoLink(); を100個羅列するのではなく、table● (●の中は数字) というIDのテーブルには、全てurlAutoLink()が適用されるというjavascriptの書き方を教えてください。

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

Answer 1

属性セレクタを使ってください。

• 6. 属性選択子 - Selectors Level 4 （日本語訳）

jQuery('[id^=table]').urlAutoLink();

上記コードだけでは id="tablehoge" にもマッチする為、.filter() で絞り込んでください。

• .filter() | jQuery API Documentation

Re: tajix_japan さん

Comments

[tajix_japan]

有難うございます。出来ました。
属性セレクタ。勉強になりました。いろいろ応用できそうです。
大変助かりました。
深く御礼申し上げます。