如何使用jQuery添加HTML属性

Question

好吧，我有这个jQuery图像幻灯片，它使用<a>中的属性“control”。 看到它没有验证我搜索了一种通过jQuery在我的HMTL中添加这个属性的方法，但我没有找到任何相关的东西。 现在我并不关心我的页面有多有效，但我真的很好奇如何在HTML标记内添加HTML属性。

如果我对我的解释不够清楚，我有这个代码：

<a id="previous" control="-6" href="#"></a>

我想用jQuery添加control =“ - 6” 。

Answer 1

使用jQuery的attr函数

$("#previous").attr("control", "-6");

一个例子

// Try to retrieve the control attribute
// returns undefined because the attribute doesn't exists
$("#previous").attr("control");

// Set the control attribute
$("#previous").attr("control", "-6");

// Retrieve the control attribute (-6)
$("#previous").attr("control");

在jsFiddle上查看此示例

---

您也可以使用data函数在元素上存储值。 以相同的方式工作，例如：

$("#previous").data("control"); // undefined
$("#previous").data("control", "-6"); // set the element data
$("#previous").data("control"); // retrieve -6

使用data可以存储更复杂的值，如对象

$("#previos").data("control", { value: -6 });
($("#previos").data("control")).value; // -6

请参阅jsFiddle上的数据示例

Answer 2

由于这里已经很好地介绍了jQuery版本，我认为我会提供不同的东西 ，所以这里有一个原生DOM API替代方案：

document.getElementById('previous').setAttribute('control','-6');

是的，我知道你要求jQuery。 永远不要害怕知道本土的方式。 ：O）

Answer 3

让我看看我是否理解你。 例如，您有代码：

<a id="previous" href="#"></a>

通过jQuery，你希望它是：

<a id="previous" control="-6" href="#"></a>

这样对吗？ 如果是。 你只需要这样做：

$('#previous').attr('control', -6);

如果属性不存在，则由jQuery创建。 因此，要删除它，您可以执行以下操作：

$('#previous').removeAttr('control');

你正在做什么不尊重HTML规则和其他一切，但它工作正常，很多插件都做同样的事情。 ; d

我希望这可能会有所帮助！

再见！

Answer 4

试试这个：

$('#previous').attr('control', '-6');

为什么？ $ .attr（）; jQuery的功能允许你添加，获取或更新属性（class，id，href，link，src，control等等！）。

Answer 5

$("#previous").attr("control", "-6");

Answer 6

HTML：

<a id="previous" href="#">...</a> 

jQuery的：

$('#previous').attr('control', '-6');

Answer 7

jQuery的attr会做到这一点。 例：

$("#previous").attr("control", "-6");

另请参阅http://jsfiddle.net/grfSN/上的此示例。