Come utilizzare querySelectorAll solo per gli elementi che hanno uno specifico elemento del bambino?

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>

Mi piacerebbe processo tutti tr che contengono un tdma può solo trovare contenere le query per gli attributi e contenuto; non elementi. È l'ultimo possibile, con una sola query?

Question 2

Non direttamente, ma è possibile utilizzare filter per ottenere le righe appropriate

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

Non direttamente, ma è possibile utilizzare filter per ottenere le righe appropriate

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>

Come utilizzare querySelectorAll solo per gli elementi che hanno uno specifico elemento del bambino?

Domanda

Migliore risposta

In altre lingue

Questa pagina è in altre lingue

Popolare in questa categoria

Domande popolari in questa categoria