Question

如何把变量传入jQuery的属性过滤选择器？

我在研究一个项目时，需要用到jQuery的属性过滤选择器。

$("[id^='idName']") 这样可以选择到以'idName'开头的元素。如：'idName_1 idName_2 idName_3...

但是由于数量大，我需要从数组中提取id值，然后用下标的方式在选择器中用到变量。

var arr = ["idName", "idAddress",...];

$("#" + arr[i]) 直接使用ID选择器传入变量，这样可以取到对应的元素，

但是如果想用属性过滤选择器就不行了。

$("[id^ = arr[i]]") 这样就不能取到值，是不是我写错了？

请大神指导，不胜感激。

Answer 1

1.新建jQuery_shuxingguolvxuanzeqi.html页面，作为jQuery属性过滤选择器实例详解页面
jQuery属性过滤选择器实例详解

2.添加如下Html代码
jQuery属性过滤选择器实例详解

3.页面预览效果如下
jQuery属性过滤选择器实例详解

4.给每个按钮添加jQuery代码
jQuery属性过滤选择器实例详解

5.按钮1代码

$("tr[values1]") 选中包含有values1的行
jQuery属性过滤选择器实例详解

6.按钮2

$("tr[values1='jQuery_tr_1_hang']") 选择values1=jQuery_tr_1_hang的行
jQuery属性过滤选择器实例详解

7.按钮3

$("tr[values1!='jQuery_tr_1_hang']") 选择values1不等于jQuery_tr_1_hang的行
jQuery属性过滤选择器实例详解

8.按钮4

$("tr[values1^='jQuery']") 选中values1以jQuery开头的行
jQuery属性过滤选择器实例详解

9.按钮5

$("tr[values1$='hang']") 选中values1以hang结尾的行
jQuery属性过滤选择器实例详解

10.按钮6

$("tr[values1*='tr']") 选中values1包含tr的行
jQuery属性过滤选择器实例详解

11.按钮7

$("tr[id][values1$='hang']") 选中包含有id属性并且values1值以行结尾的行
jQuery属性过滤选择器实例详解

Answer 2

$("[id^ = "+arr[i]+"]") 你试试这样呢。

Answer 3

var arr = ["idName", "idAddress", ...];
// 要拼接成字符串形式
var select = "[id^=" + arr[i] + "]";
$(select)