QuerySelectorAll yalnızca belirli bir alt öğeye sahip öğeler için nasıl kullanılır?

Question 1

    <table>
      <tr>
        <th>Column name</th>
        <th>Column name</th>
      </tr>
      <tr>
        <td>Column value</td>
        <td>Column value</td>
      <tr>
    </table>
    <table>
      <tr>
        <th>Column name</th>
        <th>Column name</th>
      </tr>
      <tr>
        <td>Column value</td>
        <td>Column value</td>
      <tr>
    </table>

Hepsini işlemek istiyorum. tr içeren bir td ancak, yalnızca öznitelikler ve içerik için contain sorguları bulabilir; öğeler değil. İkincisi tek bir sorgu ile mümkün mü?

Question 2

Doğrudan değil, ama kullanabilirsiniz filter uygun satırları almak için

const rowsWithTd = [...document.querySelectorAll("table tr")].filter( x => x.querySelector("td"))
console.log(rowsWithTd.map(x => x.outerHTML))

<table>
  <tr>
    <th>Column name</th>
  </tr>
  <tr>
    <td>Column value</td>
  <tr>
</table>
<table>
  <tr>
    <th>Column name</th>
  </tr>
  <tr>
    <td>Column value</td>
  <tr>
</table>

Jamiec · Answer 1 · 2021-11-22T10:47:03

Doğrudan değil, ama kullanabilirsiniz filter uygun satırları almak için

const rowsWithTd = [...document.querySelectorAll("table tr")].filter( x => x.querySelector("td"))
console.log(rowsWithTd.map(x => x.outerHTML))

<table>
  <tr>
    <th>Column name</th>
  </tr>
  <tr>
    <td>Column value</td>
  <tr>
</table>
<table>
  <tr>
    <th>Column name</th>
  </tr>
  <tr>
    <td>Column value</td>
  <tr>
</table>

QuerySelectorAll yalnızca belirli bir alt öğeye sahip öğeler için nasıl kullanılır?

Soru

En iyi cevabı

Diğer dillerde

Bu sayfa diğer dillerde

Bu kategoride popüler

Popüler soruları bu kategoride