1. ホーム
  2. jquery

[解決済み] DOM内の重複したIDをチェックするJQuery

2022-09-30 08:29:34

質問

ASP.NET MVCでアプリケーションを書いています。従来のASP.NETとは対照的に、生成されたページ内のすべてのidを作成することに多くの責任を負っています。ASP.NETでは、厄介な、しかしユニークなidを与えることになります。

私のドキュメントに重複した ID がないかチェックするために、簡単な小さな jQuery スクリプトを追加したいと思います。それらは、DIVS、画像、チェックボックス、ボタンなどのためのIDであるかもしれません。

<div id="pnlMain"> My main panel </div>
<div id="pnlMain"> Oops we accidentally used the same ID </div> 

何か不注意なことをしたときに警告してくれるだけの、セット&フォーゲットタイプのユーティリティを探しています。

はい、私はこれをテスト中にのみ使用します。そして、代替品(firebugプラグインなど)も歓迎します。

どのように解決するのですか?

以下のようにすると、コンソールに警告が記録されます。

// Warning Duplicate IDs
$('[id]').each(function(){
  var ids = $('[id="'+this.id+'"]');
  if(ids.length>1 && ids[0]==this)
    console.warn('Multiple IDs #'+this.id);
});