使用data属性在.find（）内添加变量

Question

我有以下内容：

.find("[data-list='read']")

我想在里面添加一个JS变量，如下所示：

.find("[data-list=''+ $variable +'']")

显然，这两个单引号在这种情况下不起作用。我是否需要以某种方式逃避单引号？ JS中的方法是什么？

Answer 1

您可以使用 template literals 或仅连接保留"text'" + var + "'text"样式的字符串。

＆＃13;

＆＃13;

var variable = 'myText';
var tlSelector = `[data-list='${variable}']`;
var concStrings = "[data-list='" + variable +"']";

console.log(tlSelector);
console.log(concStrings);

＆＃13;

＆＃13;

＆＃13;

Answer 2

字符串连接应如下所示：

"[data-list='" + $variable + "']"

要将其分解：string1 + string2 + string3 where

string1 = "[data-list='"
string2 = $variable
string3 = "']"

Answer 3

你只需要像这样连接变量：

.find("[data-list='" + read + "']")