Gunakan ungkapan biasa untuk memadankan nilai id

Question

Saya ingin mencari semua nod anak g yang nilainya ialah id

a[number]-[satu atau lebih aksara]

// contoh:
// - id="a1-a"
// - id="a1-b"
// - id="a1-abcd"
// - id="a10-f"
// - id="a0-z"
// - id="b1-a" // Haram
// - id="a1-2" // Haram</pra>
<p>Jadi saya cuba: </p>
<pre class="lang-js prettyprint-override"><code>const item = gElement.querySelectorAll(`[id^='a[0-9]+-[a-zA-Z]+'] `)
</code>

Walau bagaimanapun, ia tidak berfungsi.

Answer 1

Dalam pemilih pertanyaan anda, anda menggunakan corak ([0-9]+) yang tidak ditafsirkan sebagai ungkapan biasa. Cipta objek ungkapan biasa daripada rentetan menggunakan pembina RegExp:

const regex = new RegExp('^a[0-9]+-[a-zA-Z]+$');
const parentElement = document.querySelector('#parent-element');
const items = parentElement.querySelectorAll(`[id]`);
const children = Array.from(items).filter(item => regex.test(item.id));

console.log(children); 

<div id="parent-element">
  <p id="a1-a">Child 1</p>
  <p id="a1-b">Child 2</p>
  <p id="INVALID-1">Child 3</p>
  <p id="a10-f">Child 4</p>
  <p id="INVALID-2">Child 5</p>
  <p id="b1-a">Child 6</p>
  <p id="a1-2">Child 7</p>
</div>