我正在尝试定位包含某个单词的属性名称，而不是您想的那种方式。
假设我有：
<div data-foo-bar="hello"></div>
如何定位属性名称中包含'data-foo' 的元素？
【问题讨论】：
标签： jquery jquery-selectors attributes
我认为您不能像定位属性值一样定位属性名称。但是，您可以使用.filter() 来稍微有效地执行此操作：
$('div').filter(function() {
for (var property in $(this).data()) {
if (property.indexOf('fooBar') == 0) {
return true;
}
}
return false;
});
请注意，data-foo-bar 已转换为 fooBar。
【讨论】：
我不确定你能做到这一点。我看过 API，您似乎只能对值进行更深入的部分匹配，而不是属性名称本身。
我会给你一个可能令人沮丧的建议，“不要这样做”。 ;-) 从本质上讲，您所追求的是一堆匹配更一般类别的 div。不仅仅是data-foo-bars，而是所有data-foos！为什么不给所有的 data-foos 一个你可以从中选择的类名，或者一个单独的属性，比如data-foo="true"？
换句话说，与其严格按照所问的问题，我很想知道用例是什么，以便横向思考可以同样有效地解决您的问题。给猫剥皮的多种方法等等。
【讨论】：
这只是一种替代解决方案。 如果您可以确保您要查找的属性名称不存在于元素文本中，您可以做的是获取元素的 outerHtml 值，然后进行子字符串搜索：
$("elementsToCheck").each(function () {
var elemHtml = $('<div>').append($(this).clone()).html(); //clone to get the outerHTML
if (elemHtml.indexOf("attributeName") >= 0) {
// current element contains the attribute with name "attributeName"
}
});
希望这会有所帮助。
【讨论】：
试试这个
$().ready(function() {
var test=$('#div_test').data("foo-bar");
alert(test);
});
HTML：
<div data-foo-bar="hello" id="div_test"></div>
【讨论】：
data-foo，而不是完整的data-foo-bar。这不正确吗？
使用.data()获取一个元素的所有数据属性，然后使用.filter获取具有data-validation*属性的元素。
var validated_elements = $("p").filter(function() {
var found = false;
$.each($(this).data(function(key) {
if (key.match(/^data-validation/)) {
found = true;
return false;
}
}
return found;
});
【讨论】：
试试这样的
var element = $('div[data-foo-bar=hello]');
【讨论】：