檢索特定列/ POSTCODE

Question

我試圖只檢索此腳本中的POSTCODE字段。

有沒有辦法只返回這個值？

<script> 
    function LookuptableWend(query) { 
     var tr = document.getElementsByTagName("tr"),y=0; 
     for (i = 0; i < tr.length; i++) { 
      if((y<25)&&(query)&&(tr[i].innerHTML.search(query)>-1)){ 
       tr[i].className="found";y+=1; 
      } 
           else{tr[i].className=""; 
      } 
     } 
    } 
</script> 

---

<table class="lookuptable" > 
<tbody> 
    <tr> 
     <td>0097040K</td> 
     <td>Hospital Name 1</td> 
     <td>2/70 Kent Street</td> 
     <td>Block 1 </td> 
     <td>DEAKIN</td> 
     <td>ACT</td> 
     <td>2600</td> 
     <td>02 6232 4793</td> 
    </tr> 

<script>LookuptableWend(document.getElementById("search").value);</script> 

Answer 1

你可以使用querySelectorAll與nth-child（以下JS評論）

function LookuptableWend(query) { 
 
    var td = document.querySelectorAll(".lookuptable td:nth-child(7)"); // get all postcode cells 
 
    
 
    for (i = 0; i < td.length; i++) { 
 
     if (td[i].innerHTML.search(query) != -1) { // search them for your query string 
 
      td[i].parentNode.className = "found"; // add a class to the row 
 
     } else { 
 
      td[i].parentNode.className = ""; 
 
     } 
 
    } 
 
} 
 

 
LookuptableWend(2600);

.found { 
 
    background: green; 
 
}

<table class="lookuptable"> 
 
    <tbody> 
 
    <tr> 
 
     <td>0097040K</td> 
 
     <td>Hospital Name 1</td> 
 
     <td>2/70 Kent Street</td> 
 
     <td>Block 1 </td> 
 
     <td>DEAKIN</td> 
 
     <td>ACT</td> 
 
     <td>2600</td> 
 
     <td>02 6232 4793</td> 
 
    </tr> 
 
    <tr> 
 
     <td>0097040K</td> 
 
     <td>Hospital Name 1</td> 
 
     <td>2/70 Kent Street</td> 
 
     <td>Block 1 </td> 
 
     <td>DEAKIN</td> 
 
     <td>ACT</td> 
 
     <td>2601</td> 
 
     <td>02 6232 4793</td> 
 
    </tr> 
 
    <tr> 
 
     <td>0097040K</td> 
 
     <td>Hospital Name 1</td> 
 
     <td>2/70 Kent Street</td> 
 
     <td>Block 1 </td> 
 
     <td>DEAKIN</td> 
 
     <td>ACT</td> 
 
     <td>2600</td> 
 
     <td>02 6232 4793</td> 
 
    </tr> 
 
    </tbody> 
 
</table>