Код Javascript, который функционировал как * (или LIKE Operator in MYSQL) в функции onclick

Question

Есть ли какой-либо код в Javascript, похожий на * или LIKE Operator в MYSQL для следующей цели.

onclick="toggle_visibility('row1*');" 

Я пытаюсь создать переменную с динамическими данными из базы данных.

В этом случае мне нужно одновременно переключать любые строки с классами = row11, class = row12, class = row13 и class = row14, щелкнув строку с классом = row1.

Затем, когда я нажимаю любую строку из row11, снова одновременно переключать строки с классом = row111, row112, row113 и т.д. Так что для этого уровня, похоже:

onclick="toggle_visibility('row11*');" 

Нужна ваша помощь, пожалуйста, , Спасибо.

Answer 1

Вы можете либо установить общий класс для элементов, либо использовать getElementsByClassName, либо вы можете использовать querySelector и начать с селектора.

начинается с селектором

var x = document.querySelectorAll('[id^="row1"]') 
 
for(var i=0; i<x.length; i++) { 
 
    x[i].classList.add("selected"); 
 
}

.selected { color: #00CC00; }

<div id="row11">11</div> 
 
<div id="row12">12</div> 
 
<div id="row13">13</div> 
 
<div id="row21">21</div> 
 
<div id="row22">22</div> 
 
<div id="row23">23</div>