Comment utiliser querySelectorAll que pour les éléments qui ont un enfant de l'élément?

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>

J'aimerais traiter tous les tr qui contiennent un tdmais ne peut trouver contiennent des requêtes pour les attributs et le contenu; pas d'éléments. Est ce possible avec une seule requête?

Question 2

Pas directement, mais vous pouvez utiliser filter pour obtenir les lignes

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

Pas directement, mais vous pouvez utiliser filter pour obtenir les lignes

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>

Comment utiliser querySelectorAll que pour les éléments qui ont un enfant de l'élément?

La question

La meilleure réponse

Dans d'autres langues

Cette page est dans d'autres langues

Populaires dans cette catégorie

Questions populaires dans cette catégorie