如何在TD中不包含任何ID時使用JavaScript獲取TD值

我有一張TD沒有標識的表，但是我有獨特的TH值。示例表是：如何在TD中不包含任何ID時使用JavaScript獲取TD值

<table class="data-table" id="product-attribute-specs-table"> 
    <colgroup> 
     <col width="25%"> 
     <col> 
    </colgroup> 
    <tbody> 
     <tr class="first odd"> 
      <th class="label">SKU</th> 
      <td class="data last">904532</td> 
     </tr> 
     <tr class="odd"> 
      <th class="label">Width</th> 
      <td class="data last">20</td> 
     </tr> 
     <tr class="even"> 
      <th class="label">Lead Time</th> 
      <td class="data last">49</td> 
     </tr> 
     <tr class="last odd"> 
      <th class="label">Depth</th> 
      <td class="data last">63</td> 
     </tr> 
    </tbody> 
</table>

我想讀取變量中的提前期值。我怎樣才能讀取使用JavaScript即VAR = ??

來源

2015-10-20 Sheikh Siddiquee

使用:contains()選擇過濾的TH內容並選擇下一個元素，它使用.next()像這樣到：

var lt = $('th:contains("Lead Time")').next().text();

來源

2015-10-20 08:33:37

非常感謝Norlihazmey，我需要選擇表名作爲過此表是在網頁中。我該怎麼做。 –

歡迎您，表名？沒有看到名稱爲 –

的表格對不起表格ID –

那麼你可以做到這一點簡單，如：

var e = $(".even").find("td").text(); 
alert(e);

來源

2015-10-20 08:35:20 goseo

你可以得到全部<td>元素並獲得所需要的一個index

var cells = document.getElementById('product-attribute-specs-table').getElementsByTagName('td'); 
 

 
alert(cells[2].innerHTML);

<table class="data-table" id="product-attribute-specs-table"> 
 
    <colgroup><col width="25%"> 
 
    <col> 
 
    </colgroup><tbody> 
 
     <tr class="first odd"> 
 
      <th class="label">SKU</th> 
 
      <td class="data last">904532</td> 
 
     </tr> 
 
       <tr class="odd"> 
 
      <th class="label">Width</th> 
 
      <td class="data last">20</td> 
 
     </tr> 
 
       <tr class="even"> 
 
      <th class="label">Lead Time</th> 
 
      <td class="data last">49</td> 
 
     </tr> 
 
       <tr class="last odd"> 
 
      <th class="label">Depth</th> 
 
      <td class="data last">63</td> 
 
     </tr> 
 
      </tbody> 
 
</table>

來源

2015-10-20 08:35:26 vijayP

您可以使用nth-child選擇像這樣：

$(document).ready(function(){ 
 
var leadTime = $("table tbody tr:nth-child(3) td").html(); 
 
console.log(leadTime); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<table class="data-table" id="product-attribute-specs-table"> 
 
    <colgroup><col width="25%"> 
 
    <col> 
 
    </colgroup><tbody> 
 
     <tr class="first odd"> 
 
      <th class="label">SKU</th> 
 
      <td class="data last">904532</td> 
 
     </tr> 
 
       <tr class="odd"> 
 
      <th class="label">Width</th> 
 
      <td class="data last">20</td> 
 
     </tr> 
 
       <tr class="even"> 
 
      <th class="label">Lead Time</th> 
 
      <td class="data last">49</td> 
 
     </tr> 
 
       <tr class="last odd"> 
 
      <th class="label">Depth</th> 
 
      <td class="data last">63</td> 
 
     </tr> 
 
      </tbody> 
 
</table>

來源

2015-10-20 08:35:28

如何在TD中不包含任何ID時使用JavaScript獲取TD值

回答

相關問題