JQuery .attr 在 Chrome 中不起作用

Question

我正在使用 :regex 库（位于此处）来选择ID 以 P 开头且后面至少有 5 位数字的元素。然后，我使用 .attr 添加一些属性。

$(document).ready(function() {
$('img:regex(id,P[0-9][0-9][0-9][0-9]+)').attr("onmouseover", "show\(this\,2\,0\)");
$('img:regex(id,P[0-9][0-9][0-9][0-9]+)').attr("onmouseout", "hide\(this\)");
});

这适用于 Firefox，但不适用于 Chrome。 （尚未测试 IE。）

我尝试使用 [0].setAttribute 代替，它在一定程度上有效，但由于某种原因它只选择正则表达式的第一个实例。

有人有更兼容的解决方案吗？

Answer 1

无论该插件做什么，它看起来都非常慢。我宁愿建议选择所有图像节点，然后使用 jQuery .filter() 过滤它们^help，这必须更快，而且我认为它仍然更具可读性。可能看起来像：

$('img').filter(function(index) {
    return this.id.charAt(0) === 'P' && !isNaN(this.id.slice(1,6));
}).hover(function() {
     $(this).show();
}, function() {
     $(this).hide();
});

演示：http://www.jsfiddle.net/snMCM/< /a>

性能基准：http://jsperf.com/regex- vs-jquery-filter

Answer 2

除了 regEx 之外，您应该使用 jQuery .hover() 函数，而不是 .attr() 函数。我合并了 .hover() 函数以及 kirilloid 提供的正则表达式

$(document).ready(function() {
    $('img:regex(id, P\d{5,})').hover(function(){
        show( $(this), 2, 0);
    }, function(){
        hide( $(this) );
    });
});

Answer 3

我不确定您是否可以使用 attr 附加 javascript 处理程序，但这听起来像是一个很长的方法。
试一试：

$('img:regex(id,P[0-9][0-9][0-9][0-9]+)').hover(function() {
    show(this,2,0);
},function() {
    hide(this);
}); 

Answer 4

我知道它并不能真正回答您的问题，但是...

向您要选择的元素添加一个类。

Answer 5

试试这个：（在所有浏览器中工作）

        $(window).load(function () {
        //your script or function

                    $("your_html_tag").attr({
                            width : "your-width",
                            height : "your-height",
                            alt: "Online Teacher"
                        });
        });

而不是

        $(document).ready(function () {
       //your script or function

                    $("your_html_tag").attr({
                            width : "your-width",
                            height : "your-height",
                            alt: "Online Teacher"
                        });
        });

Answer 6

为什么不直接使用 filter() 而不是 :regex 库呢？这应该适用于所有浏览器。例如

var $imgs = $('img').filter(function(){return this.id.match(/^P\d\d\d\d\d/);});
$imgs.attr("onmouse.......