选择基于其rel属性的元素和变量

Question

<div class="hello" rel="1"></div>
<div class="hello" rel="2"></div>
<div class="hello" rel="3"></div>

num = 3;

为什么以下选择器对我不起作用？我想在元素的自定义attr。

上选择hello类

var a = $('.hello[rel='+num+']');

Answer 1

你应该用双引号

括起属性的值

var a = $('.hello[rel="'+num+'"]');

示例：http://codepen.io/anon/pen/RNOQrw

作为标记验证问题的旁注，我建议改为使用data-*属性，因为rel是link elements的属性

Answer 2

试试这个：

console.log($('.hello[rel=1]'));

所有代码应如下所示：

＆＃13;

＆＃13;

var num  = 3;
var a = $('.hello[rel='+num+']');
alert($(a).text());

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="hello" rel="1">1</div>
<div class="hello" rel="2">2</div>
<div class="hello" rel="3">3</div>

＆＃13;

＆＃13;

＆＃13;

Answer 3

 var a = $('.hello[rel="'+num+'"]');

这会对你有所帮助