0

HTMLコントロール（ボタン、テキスト、ラジオ、チェックボックスなど）が持つすべての可能な属性をリストしたいと思います。このコードの助けを借りて：

var attrs = $("#mybutton").attributes;
$.each(attrs, function(i, attrib)
{
  var name = attrib.name;
  var value = attrib.value;
});

値がある属性のリストを取得できます。しかし、私はこれ以上のことを望んでいます。値を持つ属性だけでなく、考えられるすべての属性を一覧表示できる必要があります。ありがとうございました。

いくつかの動的に作成されたコントロールを含むページがあり、コントロールが持つことができるすべての属性 (標準 + オプション) をリストしたい:

$("#dropableDiv").delegate('.ui-draggable','click',function() 
{
    listAttributes(this.attributes);
});

ただし、この listAttributes メソッドでは、いくつかの標準属性のみが表示されます (コントロールが動的に作成されたときに指定された属性)。

function listAttributes(attrs)
{
     $("#at").append("list of attributes:</br>");
     $("#at").append("<table>");

     $.each(attrs, function(i, attrib)
     {
     $("#at").append("<tr>");
         var name = attrib.name;
         var value = attrib.value;
         $("#at").append("<td>");
         $("#at").append(name);     
             $("#at").append("</td>");
         $("#at").append("<td>");
         $("#at").append('<input type="text" id="prop' + name + '" value="' + value + '" /></br>'); 
             $("#at").append("</td>");
     $("#at").append("</tr>");      
     });
     $("#at").append("</table>");

}

例: 入力タイプのボタンの場合、これらの属性がリストされます:type、value、id、style、class。入力タイプがテキストの場合、次の属性がリストされます:type、size、id、style、class

他のオプションの属性 (まだ値がない) はリストされていません。例: size、alingn、alt、readonly、name、checked...

4

1 に答える 1

0

ここに短いコードとデモがあります

var attrs = $('div').get(0).attributes;
console.log($(attrs));
$(attrs).each(function(i,item)
              {
                   console.log(item.nodeName);
                  console.log(item.nodeValue);                  
              });
于 2012-07-17T19:21:51.700 に答える