可以在HTML元素中设置任何属性。

如果使用jQuery，请参考：http://api.jquery.com/attr/#attr2

$( "#elementID" ).attr( "customAttr", "Anything you want" );

没有使用jQuery的话

var myElement = document.getElementById('elementID');
myElement.setAttribute("customAttr", "Anything you want");

如何获取使用自定义属性的元素？$("span[data-attribute='my value']");不起作用

请查看jQuery文档以了解使用属性选择器进行选择。或者您可以为元素添加ID并通过ID进行选择。如果不起作用，建议您在jsFiddle上重新创建问题。

问题的原因是作者想要为HTML元素添加自定义属性，但他们发现使用纯JavaScript或jQuery的现有方法无法实现。解决方法是使用纯JavaScript的setAttribute()方法来为HTML元素添加自定义属性。

以下是整理后的文章：

我们经常需要为HTML元素添加自定义属性，以便在JavaScript中使用它们。然而，这种需求在实践中可能会遇到一些问题。在这种情况下，我们需要找到一种解决方法。

最常见的方法是使用纯JavaScript的setAttribute()方法。下面的代码演示了如何使用这个方法为HTML元素添加自定义属性：

var x = document.getElementById('yourid');
x.setAttribute("TestAttribute", "TestValue");

使用这个方法，我们可以为指定的HTML元素设置自定义属性。但是，有些开发者发现这种方法对于自定义属性并不起作用。

一种可行的解决方法是使用jQuery库。以下是使用jQuery的示例代码：

api.jquery.com/attribute-equals-selector

通过这个链接，我们可以找到关于使用jQuery选择器和属性的示例代码。通过搜索"jQuery get element by attribute"，我们还可以找到更多的示例代码。

然而，有些开发者发现这种方法也无法解决他们的问题。

基于上述情况，对于想要为HTML元素添加自定义属性的开发者来说，最好的解决方法是使用纯JavaScript的setAttribute()方法。这个方法可以确保我们能够成功地为HTML元素添加自定义属性。