复制alt的值并使用jQuery创建具有此值的数据元素

时间:2016-07-21 20:11:32

标签: javascript jquery html

如何复制'alt'的值并转换为几个示例图像的'data-id'(使用jQuery):

<img src="" alt='test1' />
<img src="" alt='test2' />
<img src="" alt='test3' />

应该是:

<img src="" alt='test1' data-id='test1' />
<img src="" alt='test2' data-id='test2' />
<img src="" alt='test3' data-id='test3' />

1 个答案:

答案 0 :(得分:0)

您可以使用.each()遍历所有图片并添加属性data-id

$('img').each(function(){
  $(this).attr('data-id', $(this).attr('alt'));
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="" alt='test1' />
<img src="" alt='test2' />
<img src="" alt='test3' />