कैसे उपयोग करने के लिए 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 के लिए केवल तत्वों है कि एक विशिष्ट बच्चे तत्व?

सवाल

सबसे अच्छा जवाब

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में