通过rel和class同时获取元素？

Question

考虑下面的HTML：

 <a class="box" rel="1">  link </a>
 <a class="box" rel="8">  link </a>

如何选择具有“box”类和rel =“1”的元素？

我知道如何只使用一个属性，例如下面的代码可以工作，但它会显示两个链接：

  $(function() {
  $('.box').show(); // How can I get the class 'box' and the rel = '1' at the same time ??
  });

Answer 1

一种可能的方法：

$('.box[rel="' + numberToLookFor + '"]'); 
// or just $('.box[rel=1]'), if this number is static

......换句话说，只需将两个简单的选择器放在一起即可创建组合选择器。

请注意，.box和方括号之间不应有空格 - 否则后者会检查.box后代。

Answer 2

您可以尝试使用jQuery＆＃39; attribute equals selector：

以下是一个例子：

$("[attribute='value']").someEvent();