在嵌套div中迭代表格行

Question

我有一個頁面，其中包含嵌套div標記的幾個圖層。在8或9的divs內是表格。我如何迭代divs並選擇我想要的特定div，然後遍歷每個div中嵌入的表（一行）中的單元格？這是我想要遍歷的頁面的代表性示例。

<div id="TheHouseDiv" class="catbox_m"> 
    <div class="Room1Div"> 
    <table width="900" border="0"> 
     <tbody> 
     <tr> 
      <td><a href="/blah/blah1.html">I don't care about this value</a></td> 
      <td><a href="/blah/blah2.html">I WANT THIS VALUE 1!</a></td> 
      <td><a href="/blah/blah3.html">I WANT THIS VALUE TOO 2!</a></td> 
      <td><a href="/blah/blah4.html">Another cell I don't want</a></td> 
      <td><a href="/blah/blah5.html">THIS CELL I WANT ALSO</a></td> 
     <tr> 
     </tbody> 
    </table> 
    <table width="900" border="0"> 
     <tbody> 
     <tr> 
      <td><a href="/blah/blah1.html">Ignore this value in the second table</a></td> 
      <td><a href="/blah/blah2.html">I WANT THIS VALUE</a></td> 
      <td><a href="/blah/blah3.html">I WANT THIS VALUE TOO</a></td> 
      <td><a href="/blah/blah4.html">Ignore this content</a></td> 
      <td><a href="/blah/blah5.html">GET THIS CELL VALUE</a></td> 
     <tr> 
     </tbody> 
    </table> 
    </div> 
    <div class="Room2Div"> 
    <table width="900" border="0"> 
     <tbody> 
     <tr> 
      <td><a href="/blah/blah1.html">I don't care about this value</a></td> 
      <td><a href="/blah/blah2.html">I WANT THIS VALUE 1!</a></td> 
      <td><a href="/blah/blah3.html">I WANT THIS VALUE TOO 2!</a></td> 
      <td><a href="/blah/blah4.html">Another cell I don't want</a></td> 
... 

你明白了。所以每個div和多個div中都有一個表。實際上有8到10個div。沒有任何表格或單元格都有ID，所以我需要在位置上進行引用。但是我不想要所有的單元格和所有的表格。我只想從每個div內的每個表格中的特定單元格獲取值，儘管我希望每個表格都有相同的單元格。我會遍歷這個還是隻參考我想要的特定單元格？如果是，我該如何選擇它們？

Answer 1

$('#TheHouseDiv div').eq(1).find('table').eq(2).find('tr').eq(3).find('td').eq(4).text() 

有點冗長，但我相信這檢索第四<td>的第二<table>的第三<tr>內從第一<div>包含在#TheHouseDiv文本。

您也可以使用快捷方式.find('tr:first')來匹配第一個。

Answer 2

這給你所有你想要的td。 （如果你不明白的選擇只是發表評論，我會解釋它。

$("div#TheHouseDiv > div > table td:not(:nth-child(1)):not(:nth-child(4))") 

例如在循環遍歷href S中<a>標籤內這些td小號

$("div#TheHouseDiv > div > table td:not(:nth-child(1)):not(:nth-child(4)) a") 
    .each(function(i, ele) { 
     alert(ele.href); 
    } 
); 

如以環比<a>標籤內這些td小號

$("div#TheHouseDiv > div > table td:not(:nth-child(1)):not(:nth-child(4)) a") 
    .each(function(i, ele) { 
     alert($(ele).text()); //or ele.innerHTML if no nasty is in the <a> tags 
    } 
);