Question

我需要选择满足以下条件的每个表行的第一个TD：

TD没有colspan
TD在第一个表中，而不是任何嵌套的

以下对我不起作用......

$("table:first > td:first-child").not("[colspan]").css("background-color","red");

Answer 1

TD可能不是TABLE的直接后代（中间应该有TR），所以只需删除选择器中的>：

$('table:first td:first-child:not([colspan])');

另外，我认为这只是不推荐使用的> child选择器（当选择器中没有父级时）。 parent > child应完全有效：

注意：$（“＆gt; elem”，上下文）选择器将来会被弃用发布。因此不鼓励使用它来代替使用替代方案选择器。

Answer 2

要限制外部表格的td，您可以使用多个子选择器向下钻取到特定级别。

$("table:first > tbody > tr > td:first-child").not("[colspan]")

请注意，我添加了tbody。你应该明确地将它包含在你的表中，因为大多数浏览器（但不一定全部）都会在丢失时注入它。

如果您要包含thead和tfoot个元素，请使用*代替tbody。

$("table:first > * > tr > td:first-child").not("[colspan]")

Answer 3

/* This piece of code selects every first TD element without colspan
 * in EVERY NOT nested TABLE
 */

// Select all without colspan
$('table td:first-child:not([colspan])').filter(
    // filter out those having more than 1 parent table
    function() {
        return $(this).parents('table').length == 1
    }).css('background', 'red');

在第一个表w / jQuery的每一行中选择第一个TD

3 个答案: