querySelector() объединить несколько селекторов атрибутов

Question

у меня есть поле ввода с классом этого формата:

some_starting_constant_string somevariablestring some_ending_constant_string 

Так я хочу querySelector, который использует комбинацию начинается с и заканчивается:

document.querySelectorAll("input[class^='some_starting_constant_string' AND class$='some_ending_constant_string'] 

Возможно ли это? Объединение начинается с и заканчивается правилом?

Answer 1

Вы просто должны разделить и селекторы атрибутов:

input[class^='some_starting_constant_string'][class$='some_ending_constant_string']

console.log(
 
    document.querySelectorAll("[class*='start'][class$='end']") 
 
)

<div class="start__end"></div> 
 
<div class="start_heretoo_end"></div> 
 
<div class="sta__end"></div> 
 
<div class="rt__end"></div> 
 
<div class="start__d"></div>