配列を使う方法x [0]またはx [1]

Question

私はCSSで多くのクラスを持っています.show-1-2、show-2-3、show-3-2のように[1]またはX [0]またはX iは、すべてのいずれかのXを取得するように配列を渡す方法

var w , h; 
x = [1,2,3]; 
y = [1,2,3] ; 
var nam = document.querySelector('show-' + x[0] + '-' + y[2]); //show-1-3 is class name in css 

の[2]ので、クラス.SHOW-1-2をキャッチなり、ショー-2- 3、show-3-2。

Answer 1

すべてのオプションのリストを作成し、そのリストの値でクエリできます。

あなたは.を持っているそれらを必要とするクラスを照会する注：

var w , h; 
 
x = [1,2,3]; 
 
y = [1,2,3] ; 
 
all_classes = [] 
 
x.forEach(function(x_v) { 
 
    y.forEach(function (y_v) { 
 
    all_classes.push('.show-'+x_v+'-'+y_v) 
 
    }) 
 
}) 
 
console.log(all_classes.join(",")) 
 
var nam = document.querySelector(all_classes.join(","));

Answer 2

は、クエリセレクタに.showを適用します。そのクラスは.

var w , h; 
 
x = [1,2,3]; 
 
y = [1,2,3] ; 
 
var nam = document.querySelector('.show-' + x[0] + '-' + y[2]); 
 
console.log(nam.innerHTML); 
 
console.log('.show-' + x[0] + '-' + y[2])

<div class="show-1-3">hello</div>