Question

我有一个HTML代码，如下所示。我想使用jQuery选择包含a（锚点）的所有td作为直接子节点（Here First TD标记）。

<table>
  <tr>
    <td><a href="abc.aspx">ABC</a></td>
    <td>Second Level<span> >> </span>
        <div>
          <table>
             <tr>
               <td><a href="efg.aspx">EFG</a></td>
             </tr>
          </table>
        </div>
    </td>
 </tr>

Answer 1

描述

有很多方法可以做到这一点

您可以使用父css选择器或jQuery的parent()函数。查看示例和jsFiddle Demonstration

示例

$("td > a").parent()
$("td > a:parent")

更多信息

Answer 2

这应该可以解决问题：

$("td > a").parent();

Answer 3

请记住，jQuery具有:has()伪选择器。

$('td:has(> a)')

这将选择所有<td>元素，并立即生成<a>个孩子。

Answer 4

使用css子选择器选择锚点以检查锚点是否为td的子节点然后调用父节点

$('td > a').parent();

Answer 5

类似

$('td').filter(function(){
    if($(this).children('a').length > 0){
        return this;
    });

Answer 6

如果你给你的桌子一个#id，你可以这样做：

$(function(){
    myTds = [];
    $('#mytable td>a').each(function(){
        myTds.push($(this).parent())
    })

//do stuff with your tds
});

Answer 7

var listOfTD = $("table td > a").parent();

这会让你从桌子上看到所有td都有一个直接的孩子。我的建议是给表写id而不是你应该写的：

var listOfTD = $("#tableid td > a").parent();

使用jquery选择包含（Anchor）标记的td

7 个答案:

描述

示例

更多信息