私は約800フィールドのフォームを作成しました。無意識のうちに、フォーム内のいくつかのフィールドに同じIDを与えました。それらをトレースする方法?フォーム内に重複するIDを見つけるにはどうすればいいですか?
答えて
http://validator.w3.org/が便利なソリューションになります。
//See your console for duplicate ids
$('[id]').each(function(){
var id = $('[id="'+this.id+'"]');
if(id.length>1 && id[0]==this) {
console.log('Duplicate id '+this.id);
alert('duplicate found');
}
});
・ホープ、このことができます:しかし、あなたはこのような何かを行うことができますjqueryのを使用。
これは、2011年
は時々我々は要素のIDを忘れてしまったように見える、5月6日にEnekoアロンソによって書かれたHTMLページ
に重複したIDを見つけるあなた
Source: Finding duplicate ID’s on an HTML page
を助けるかもしれません は、HTMLページ上で一意であることを意図しています。ここでは、コードを少しは私はちょうどページ(あなたの ブラウザのJavaScriptコンソール上でコードを実行する)に重複したIDを見つけるために書いた さ:defualt Notepad++ことで
var idList = {};
var nodes = document.getElementsByClassName('');
for (var i in nodes) {
if (!isNaN(i) && nodes[i].id) {
idList[nodes[i].id] = idList[nodes[i].id]? idList[nodes[i].id]+1:1;
}
}
for (var id in idList) {
if (idList[id] > 1) console.log("Duplicate id: #" + id);
}
これは 'var nodes = document 'という行が編集できるようにするだけです。 –
@Joey私は自分の答えを編集しました。私はそれを心に留めておきます。 – Christos312
は、シンタックスハイライトを持っている場合、ダブルクリックそれを選択する1つの単語、同じ単語の他のすべての発生を強調表示します。あなたは手作業で名前を変更する(おそらくたくさんの)作業をやらなければならないでしょう。フィールドは自分の一意の名前を思いつくことができないからです。
それは約1600回のクリックになります。 .. – Joey
よく始まります。彼は重複がどこにあるのか、いくつか考えなければならない。 –
例を見てみると、ページ上のフォーム/要素内のすべての重複IDが検出され、重複したID名がコンソールに出力されます。
アレイはthis postから取得されました。
<html>
<body>
<form id="frm">
<input type="text" id="a" />
<input type="text" id="b" />
<input type="text" id="c" />
<input type="text" id="d" />
<input type="text" id="e" />
<input type="text" id="f" />
<input type="text" id="a" />
<input type="text" id="h" />
<input type="text" id="i" />
<input type="text" id="j" />
<input type="text" id="d" />
<input type="text" id="l" />
</form>
</body>
<script type="text/javascript">
Array.prototype.contains = function(obj) { //Add a 'contains' method to arrays
var i = this.length;
while (i--) {
if (this[i] === obj) {
return true;
}
}
return false;
}
frm = document.getElementById('frm'); //Get the form
els = frm.getElementsByTagName('input'); //Get all inputs within the form
ids = new Array(els.length); //Create an array to hold the IDs
for(e = 0; e < els.length; e++) { //Loop through all of the elements
if(ids.contains(els[e].id)) //If teh array already contains the ID we are on
console.log('Duplicate: '+els[e].id); //Print 'Duplicate: {ID}' to the console
ids.push(els[e].id); //Add the ID to the array
}
</script>
</html>
上記のコードが出力さ以下:
重複:
重複:D
ワンっぽいライナー使用だけアレイ方法:
[].map.call(document.querySelectorAll("[id]"),
function (e) {
return e.id;
}).filter(function(e,i,a) {
return ((a.lastIndexOf(e) !== i) && !console.log(e));
})
すべての重複をログに記録し、見つかった場合はIDを含む配列を戻します。
Dup-IDという名前のChrome拡張機能があります。インストールすると、ボタンを押して重複IDを確認するだけです。 インストールのリンク:https://chrome.google.com/webstore/detail/dup-id-scans-html-for-dup/nggpgolddgjmkjioagggmnmddbgedice
また、ページにあるすべてのIDを表示します。 – BlondCode
- 1. 複数の列にわたって重複を見つけるにはどうすればよいですか?
- 2. 重複を見つけるT-SQLコードを取得するにはどうすればよいですか?
- 3. asp.netで重複を避けるにはどうすればいいですか?
- 4. 最後にを見つけるにはどうすればいいですか?
- 5. 無向グラフで最長(重い)のトレイルを見つけるにはどうすればいいですか?
- 6. ヘッダーファイルの重複を避けるにはどうすればよいですか?
- 7. GROUP_CONCATの重複を避けるにはどうすればよいですか?
- 8. アンドロイドの子コンポーネントでIDの重複を避けるにはどうすればよいですか?
- 9. 私のパッケージを見つけるにはどうすればいいですか?
- 10. サブセットコンテナ内のチェックされたラジオボタンを見つけるにはどうすればいいですか?
- 11. レーキタスクのソースファイルを見つけるにはどうすればよいですか?
- 12. k-bestソリューションを見つけるにはどうすればよいですか?
- 13. BFSで実際に見つかったパスを見つけるにはどうすればよいですか?
- 14. Xerces:重複ノードをマージするにはどうすればいいですか?
- 15. 正規表現 - 試合内で試合を見つけるにはどうすればいいですか?
- 16. パッケージ内からインポートできるモジュールを見つけるにはどうすればよいですか?
- 17. ロジスティック回帰モデルの機能の重要性を見つけるにはどうすればよいですか?
- 18. 重複しない番号/ IDを生成するにはどうすればよいですか?
- 19. ビジュアルスタジオ2012でWindowsデザイナーを見ているコントロールを見つけるにはどうすればよいですか?
- 20. PostGISでは、ポリゴン内のすべての点を見つけるにはどうすればよいですか?
- 21. IDで複数選択するにはどうすればいいですか?
- 22. Google Appsアカウントの不変IDを見つけるにはどうすればよいですか?
- 23. プロパティファイル内で重複するキーと値を見つけるツール
- 24. セット内のオブジェクトを見つける関数を作るにはどうすればよいですか?
- 25. Androidでパス内のすべてのポイントを見つけるにはどうすればよいですか?
- 26. 重複するエントリを見つけてSQLで最も古いエントリを削除するにはどうすればよいですか?
- 27. パネル内に配置したコントロールを見つけるにはどうすればよいですか?
- 28. 複数のIDから1つのIDを照合するにはどうすればよいですか?
- 29. UITextViewまたは文字列内の重複または同じ単語の範囲を見つけるにはどうすればよいですか?
- 30. 重複する円を見つける
クイックソリューション:http://validator.w3.org/ – Simone
詳細を入力してください。あなたのHTMLフォームはどのような形式ですか? –
notepad ++またはtext wranglerを見つけて交換してください。 –