如何使用 jquery 向元素添加属性？答案

【问题标题】：How to add attribute to an element using jquery?如何使用 jquery 向元素添加属性？
【发布时间】：2016-07-20 16:41:38
【问题描述】：

您好，我是新手，我想将属性data-gallery 添加到div#gallery-1 内的所有img 元素中。如何使用 jQuery 做到这一点？
我已经尝试了所有答案，但出现“Uncaught TypeError: $ is not a function”错误。我不是网络开发人员，但我想知道这一点。谢谢

【问题讨论】：

你能展示你尝试过的东西吗？此外，还有很多例子：stackoverflow.com/questions/5995628/adding-attribute-in-jquery 和这个：stackoverflow.com/questions/11489037/…
检查Adding data attribute to DOM
您是否在脚本之前添加了对 jquery 的引用？
@Webpandit 是的，当然有对 jquery 1.12.4 的引用

标签： jquery

【解决方案1】：

无需使用each 或find。

// set
$("#gallery-1 img").attr("data-gallery", "value");

// get
$("#gallery-1 img").attr("data-gallery");

您甚至可以使用data。这不是代码中的可见属性，它存储在 jQuery 对象中，但具有相同的效果。

// set
$("#gallery-1 img").data("gallery", "value");

// get
$("#gallery-1 img").data("gallery");

【讨论】：

【解决方案2】：

 $("#gallery-1").find('img').each(function() {
   $(this).attr('data-gallery', '');
 })

【讨论】：

#gallery-1 真的需要 .each(function() 吗？#gallery-1 是一个 id，在该页面中不能超过一个...

【解决方案3】：

$("#gallery-1").find("img").attr("data-gallery", "");

【讨论】：

我认为这只是一个 getter，对于一个 setter，你需要添加第二个参数。
如果只设置一个参数会返回该属性中的值
您也可以使用.data('gallery') 获取和设置值。