具有 href 和 rel 值的 jQuery 元素答案

【问题标题】：jQuery element with href AND rel value具有 href 和 rel 值的 jQuery 元素
【发布时间】：2012-01-16 23:44:55
【问题描述】：

如果我们知道我们可以使用

var link = $('a[href="http://google.com"]');

当我们要查找具有指定href属性的链接时，以及

var link = $('a[rel="myrel"]');

当我们要查找指定rel属性的链接时，如何将这两个属性结合起来，以便同时找到指定href和rel的链接？

我试过了

var link = $("a[rel='myrel', href='http://google.com']");

和

var link = $("a[rel='myrel'][href='http://google.com']");

没有成功

【问题讨论】：

最后一个应该可以：jsfiddle.net/fkling/LYRtr
最后一个有效，在这里试试js fiddle

标签： jquery href attr rel

【解决方案1】：

var link = $('a[rel="myrel"][href="http://google.com"]');

这应该可以正常工作。

这是一个演示：http://jsfiddle.net/ScxTV/

【讨论】：

我会颠倒引号。双引号用于 HTML 属性值，单引号用于 JavaScript 字符串。（这是我的偏好。）

【解决方案2】：

您的第二个示例应该可以工作。看看这个fiddle。

<a href='http://thoughtresults.com' rel='nofollow'>Thought Results</a>
<a href='http:/www.google.com'>Google</a>

// This alerts 1
alert($('a[href=http://thoughtresults.com][rel=nofollow]').length);

【讨论】：

【解决方案3】：

这里的工作可能有其他问题

http://jsfiddle.net/NquxJ/

【讨论】：

【解决方案4】：

您应该改用var link = $('a[rel="myrel"][href="http://google.com"]');。

【讨论】：

【解决方案5】：

你的最后一个代码应该可以工作！

var link = $("a[rel='myrel'][href='http://google.com']");

为什么不呢？在控制台上试试。应该可以。

【讨论】：