javascript - 如何选择特殊属性(前缀:name ="")?

Question

如何使用 jQuery 选择特殊属性，例如“user:name”或“city:id”？

<div user:name="Ropstah"></div>
<span city:id="4"></div>

Javascript

//this works:
alert($('div').attr("user:name"));  // alerts 'Ropstah'

//this doesn't work:
alert($('div[user:name]').attr("user:name"));    //error
alert($('div[user\\:name]').attr("user:name"));    //error even with special character escaping...

Answer 1

This is a bug in jQuery .

你有两个选择:

• 摆脱 : 并使用“非标准”属性(老实说，这没什么大不了的)
• 变得更冗长，或者使用插件来获得功能:

最初，您可能必须这样做:

$('div').filter(function() {
    return $(this).attr('user:name') !== undefined;
}).whateverElse();

在速度方面，这应该与 jQuery 的 [] 选择器相当接近，因为它在库中就是这么做的。当然，每次您想要查找具有属性的元素时都需要输入更多内容，因此您可以为其编写一个插件，因为 jQuery 非常棒并且可以让您执行此类操作:

$.fn.hasattr = function(attr) {
    return this.filter(function() {
        return $(this).attr(attr) !== undefined;
    });
};

这会让你做一个更简单的事情:

$('div').hasattr('user:name').whateverElse();

或者如果你想检查属性是否等于某个东西，插件可能是:

$.fn.cmpattr = function(attr, value) {
    return this.filter(function() {
        return $(this).attr(attr) == value;
    });
};

然后你可以这样做:

$('div').cmpattr('user:name', 'Ropstah').whateverElse();