元素上的用户定义属性

Question

如何在html元素上放置用户定义的属性，然后用jquery找到该元素？

var btn_edit = $('<input class="my_class" userattribute="test" type="button" value="edit" />');

已经阅读过CSS我可以做类似事情的内容

.my_class[userattribute='test']{

}

Answer 1

您可以使用attr()方法检索它，如下所示：

btn_edit.attr('userattribute')

示例：http://jsfiddle.net/niklasvh/59SQC/

请注意，如果您要使用自己的自定义属性，则应在其前加data-

修改

你可以找到使用它设置的元素：

$('*[userattribute]');

并获取它的值：

$('*[userattribute]').attr('userattribute')

示例：http://jsfiddle.net/niklasvh/2n2hb/

如果要选择属性设置为特定值的元素：

$('*[userattribute="test"]').attr('userattribute')

Answer 2

如果您希望属性中具有特定值的元素为：

$("*[userattribute='test']");

假设它的值是“测试”

如果您想要的是获取具有属性集的元素（正如您在评论中所说的那样，“如何找到属性设置的元素？”）但是您不知道该值你应该这样做：

$("*[userattribute!='']");