Queryselector не работает для li, который находится внутри для:каждого в LWC

#queryselector #lwc

Вопрос:

Пытаюсь извлечь элемент li определенного значения, но не получаю его в LWC.

HTML

     <template for:each={options} for:item="value" for:index="index">
           <li key={value} role="presentation" class="slds-listbox__item descArea" data-name={value}>
......
.........
</li>
</template>
 

JS

    let data = 'Albania';

   console.log(this.template.querySelector(`li[data-name~=${data}]`));
 

Но это не дает желаемого результата.