如何使用data-rel属性找到li及其在jquery中的值

Question

如何找到具有data-rel属性及其值的li元素＆＃34; a1＆＃34; ？

<li class="thumbImg" data-rel="a1">
    <img src="img/a0.jpg" width='150' height="80">
</li>

var relValue = "a1";
$('li[data-rel=relValue]');

Answer 1

字符串连接：

var relValue = "a1";
$('li[data-rel="' + relValue + '"]');

或者在ES2015及更高版本中，模板文字：

        var relValue = "a1";
        $(`li[data-rel="${relValue}"]`);
// Note --^--------------------------^---- those are backticks

内部引号（上面的"）对于有效的CSS标识符（如a1）的值是可选的，但在值可能不是的情况下是个好主意（例如，{ {1}}）。