使用与按钮对应的链接添加属性内容类型

Question

以编程方式添加属性内容类型以及与按钮对应的链接的最佳方法是什么？例如，对于第一个按钮添加属性content-type: link，然后为第二个按钮添加content-type: link2，依此类推。

JS

$('button').attr('content-type', 'link');
$('button').attr('content-type', 'link2');
$('button').attr('content-type', 'link3');

HTML - 最终结果如下：

<button content-type="link">First Button</button>
<button content-type="link2">Second Button</button>
<button content-type="link3">Third Button</button>

Answer 1

尝试使用.each（）这样的乐趣：

$(document).ready(function(){
   $("button").each(function(i))
   {
      if(i == 0)
      {
         $(this).attr("content-type","link");
      }
      else
      {
         $(this).attr("content-type","link"+(i+1));
      }
   });
});