使用 JQuery 选择器选择元素的父级

Question

我想在我的 TR 中找到 TD 的计数，其中一个 TD 符合我的标准。这是我的 html 结构的骨架，

<div class="pager">
        <table class="pager_table">
            <tbody>
                <tr>
                    <td></td>
                    <td id ="sometextPager_left"></td>
                    <td></td>
                ...................
        </table>
    </div>

我的 JQuery 选择器代码是：

$('div.pager > table.pager-table td[id$="Pager_left"] :parent tr > td').length

看来我的选择器不起作用，

谢谢

Answer 1

尝试使用:has()选择器，

$('div.pager > table.pager-table tr:has(td[id$="Pager_left"]) > td').length

Answer 2

您在 div 上没有 class 属性。

将第一行更改为：

<div class="pager">

Answer 3

没有 :parent 选择器 a jQuery 选择器是从右到左求值的。拥有父选择器需要从右到左求值。

假设您没有其他具有 ID 属性的 TD，您可以简单地检查具有 td[id] 的 TD 上是否存在 ID 属性，并使用 :has()

$('.pager > .pager_table tr:has(td[id]) > td').length // returns 3

JSFiddle: http://jsfiddle.net/TrueBlueAussie/ghLcyp54/1

使用 JQuery 选择器选择元素的父级

Selecting Parent of Element Using JQuery selectors

javascript

jquery

jquery-selectors