를 사용하는 방법 querySelectorAll 에 대해서만 요소가 있는 특정 자녀를 받으려면 어떻게 해야 합니까?

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>

고 싶은 모든 프로세스 tr 을 포함하는 td지만,만을 할 수 있는 쿼리를 포함한 특성과 콘텐츠;지 않은 요소입니다. 후자는 가능한 한 query?

Question 2

직접적,하지만 당신이 사용할 수 있는 filter 을 얻을 적절한 행

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

직접적,하지만 당신이 사용할 수 있는 filter 을 얻을 적절한 행

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 에 대해서만 요소가 있는 특정 자녀를 받으려면 어떻게 해야 합니까?

질문

최고의 응답

다른 언어로

이 페이지는 다른 언어로되어 있습니다

이 카테고리에서 인기

인기 있는 질문에 이 카테고리