JQuery：带有属性过滤器的选择器链：结果不持久？

Question

我要拔头发了！！ grrr...

这似乎可以工作：

//get all the foo and bar links that point to a named anchor:
$("a.foo,a.bar").filter("[href^=#]").click
(
    function()
    {
        doSomething( $(this).attr("href").substr(1) );
        return false;
    }
);

当我将 '$(this).attr("href").substr(1)' 的输出记录到控制台时，我看到没有哈希值的锚点名称，所有相关链接。一切都好。但是在 doSomething() 里面， typeof() 说我有一个字符串 - 但它是空的！为什么？！！

function doSomething(str)
{
    //log str : it's empty!!
}

通常，在我在这里发布问题后不久，任何人都无法帮助我，这太奇怪了，或者我稍后会发现自己的愚蠢。我希望这次有人能帮忙！ :-(

============== 已解决 =====================

**** ***** 这是我自己的愚蠢 **********

在 doSomething 中，我的代码做的第一件事是：（

if(str = "") return;

拍拍额头）谢谢大家让我以不同的方式盯着这个。

Answer 1

我无法重现此问题。 听起来像是 doSomething 代码本身的问题 -进行快速代码审查，以确保您指向正确的函数并且在使用之前没有修改参数。

Answer 2

注意：这不是正确答案！但我将把它留在这里，以防其他 Sizzle 用户有用。

---

这是 Sizzle（jQuery 使用的选择器库）中的一个错误。

问题是，当您在 JavaScript 中访问 link.href 时，您不会获得 href 属性的文本，而是获得已解析的绝对 URL。当然，这以 http:// 开头，而不是 #。

当您调用 link.attr('href') 时，jQuery 会检测到特殊情况并应用解决方法。当您使用选择器时，Sizzle 不会。它尝试过：

attrHandle: {
    href: function(elem){
        return elem.getAttribute("href");
    }
},

但此解决方法在 IE 版本 7 之前不起作用，因为它们使 getAttribute 等于仅获取 JavaScript 属性。 [正确的解决方法是使用 getAttributeNode 代替，或者嗅探 IE 并使用专有的 getAttribute('href', 2) 扩展。]

因此选择器引擎获取 http://... 作为 href 属性，当然这永远不会匹配 ^=#。

如果您自己使用过滤功能进行操作，它应该可以工作：

$('a.foo, a.bar').filter(function() {
    return $(this).attr('href').substring(0, 1)==='#';
})...

Answer 3

尝试 substr(0) 第一个字符位于索引 0 http:// www.w3schools.com/jsref/jsref_substr.asp