
JavaScript/jQuery を使用して HTML 要素から属性値を抽出する
HTML 要素からすべての属性を配列として取得するには、いくつかの方法を使用します。 。 1 つのオプションは、属性ノード リストを直接利用することです。
1 2 3 4 | var el = document.getElementById( "someId" );
for ( var i = 0, atts = el.attributes, n = atts.length, arr = []; i < n; i++){
arr.push(atts[i].nodeName);
}
|
ログイン後にコピー
このメソッドは属性名のみを取得します。対応する値を取得するには、nodeValue プロパティを利用します。
1 2 3 4 5 6 | var nodes=[], values=[];
for ( var att, i = 0, atts = el.attributes, n = atts.length; i < n; i++){
att = atts[i];
nodes.push(att.nodeName);
values.push(att.nodeValue);
}
|
ログイン後にコピー
または、jQuery ライブラリを使用してプロセスを簡素化できます。
1 2 3 4 | var attrs = $( "#someId" ).prop( "attributes" );
for ( var i = 0; i < attrs.length; i++){
console.log(attrs[i].nodeName + ": " + attrs[i].value);
}
|
ログイン後にコピー
このメソッドは、属性名と値の両方を提供します。ユーザーフレンドリーな形式で。さらに、要素に直接アクセスする際に問題が発生した場合は、jQuery.contents() メソッドを利用して要素のコンテンツを取得できます:
1 2 3 4 | var content = $( "#someId" ).contents();
for ( var i = 0, atts = content.prop( "attributes" ), n = atts.length, arr = []; i < n; i++){
arr.push(atts[i].nodeName);
}
|
ログイン後にコピー
以上がJavaScript または jQuery を使用して HTML 要素から属性値を抽出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。