data-rel属性を持つliとそれをjqueryの値とする方法

Question

data-rel属性とその値 "a1"を持つli要素を見つける方法はありますか？

<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など）ですが、値が正しくない場合には良い考えです（たとえば、a 1）。