2015-05-07 81 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

感谢您的帮助 –