วิธีใช้ 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แต่เดียวที่สามารถหาเก็บค้นข้อมูลสำหรับคุณลักษณะและเนื้อหาภายใน;ไม่องธาตุหลัก-แล้วอีก คืออย่างหลัเป็นไปได้กับเดียวกับการค้นหา?

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 เดียวสำหรับส่วนประกอบที่มีเฉพาะเด็กธาตุ?

คำถาม

คำตอบที่ดีที่สุด

ในภาษาอื่นๆ

หน้านี้อยู่ในภาษาอื่นๆ

ดังอยู่ในนี้หมวดหมู่

ดังคำถามอยู่ในนี้หมวดหมู่