2015-05-07 50 views
-2

我有以下代碼,我想找到最接近的tr元素 ,但它沒有工作。(返回undefined)但我可以得到最接近'ul','li'沒有問題 。任何幫助是極大的讚賞。由於jquery找到最接近tr失敗,「undefined」

我已經添加了實際的HTML代碼如下

HTML

<tr> 

<td> 

.......want to find something here 

</td> 
<td class="some class name"> 
     <div align="right" class="number"> 
      <div> 
       <a class="hover" href="#"><img src="preview.jpg"  width="24px" height="24px"></a> 
      </div> 
     </div> 
    </td> 

</tr> 
+2

你不能有一個'tr'在'div' ... –

+2

的問題是,因爲你的HTML是無效的 - 'tr'元素可以了'table'內只存在和他們的直系後代必須成爲'td'。 –

+0

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr –

回答

3

嘛。 據我所知TR標籤應該在TABLE標籤中使用。 表格選項卡應如下所示。

<table> 
    <tbody> 
     <tr> 
     <td> 

........ 

     </td> 
    </tr> 
    </tbody> 
</table> 

所以你應該添加TABLE,TBODY標籤添加TR前,增加自己的UL前加入TD。

不要忘了關閉BODY標籤並在HTML文檔的開頭添加HTML標籤。

它應該工作。 我已經在我的本地測試過了。

已更新的html。

<body class="ancestors">body (great-great-grandparent) 
    <input type="button" value="test" /> 
    <div style="width:500px;">div (great-grandparent) 
     <table> 
      <tbody> 
       <tr> 
        <td> 
         <ul>ul (grandparent) 
          <li>li (direct parent) 
           <span class='extralink'>span</span> 
          </li> 
         </ul> 
        </td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
</body> 
+0

感謝您的幫助 –