jQuery：找到具有特定自定义属性的元素

Question

我只想找到具有自定义属性特定值的元素。

E.g。我想找到具有div属性的data-divNumber="6"。

var number = 6;
var myDiv = $('[data-divNumber = number]');

我尝试使用http://api.jquery.com/attribute-equals-selector/，但我所做的并不起作用。

该属性只有一个具有该特定值的元素。

Answer 1

var number = 6;
var myDiv = $('div[data-divNumber="' + number + '"]');

Answer 2

您需要添加一些字符串才能将数字输入选择器，并且需要引用该值。

var number = 6;
var myDiv = $('[data-divNumber="' + number + '"]');

添加字符串后，您尝试生成的是此结果：

$('[data-divNumber="6"]');

Answer 3

我认为你需要的是：

var number = 6;
var myDiv = $('[data-divNumber="'+number+'"]');

Answer 4

通过ES6，您可以使用字符串插值：

let number = 6;
let myDiv = $(`div[data-divNumber="${number}"]`);