【问题标题】:how to exclude second column from selector如何从选择器中排除第二列
【发布时间】:2009-05-24 17:41:13
【问题描述】:

我的问题是如何更改选择器以便排除 悬停事件的第二列

我确实尝试了其他一些变体,例如 nth-child,但还没有运气。 是不是语法有问题?

$('.row_class td:not(:eq(1))').hover(

谢谢,理查德

【问题讨论】:

    标签: jquery selector filter


    【解决方案1】:

    试试这个:

    $('tr.row_class td:not(:nth-child(2))').hover(function() {
        $(this).css('color','red');
    }, function() {
        $(this).css('color','black');
    });
    

    It works for me.

    顺便说一下,类选择器很慢。如果您知道.row_class 只会应用于<tr> 元素,您应该像我的示例中那样将选择器设为tr.row_class。只是一个免费的小费。 :)

    【讨论】:

    • $('tr.row_class td:not(:nth-child(2))').hover( 它只选择第一列,悬停仍然附加到第二列跨度>
    • 在我提出的链接中显然没有发生...尝试将鼠标放在“测试”和“耶”上,它们会变成红色。如果您将鼠标放在“不”上,它将保持黑色。你做错了其他事情。您是否将选择器包装在 document.ready 中?
    • 对不起,我认为你是对的我必须更改其他内容,以便它不再响应某个事件。感谢您的意见
    【解决方案2】:

    $('.row_class td:first-child').hover(

    【讨论】:

    • 我认为这个只悬停在行中的第一个单元格
    • 这应该可以正常工作。尤其是指定的类。如果该类在每一行上,并且他只希望该行的第一列有悬停,那么这应该很好用。
    • 他从来没有说过他想要第一列,他说他没有想要第二列。大概他有 3 列或更多列,他只想排除第 2 列。您的示例仅包括第一个。
    猜你喜欢
    • 1970-01-01
    • 2010-10-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-06
    • 2019-04-07
    • 1970-01-01
    • 2020-09-27
    相关资源
    最近更新 更多