jquery - 如何泛化 jQuery 选择器？

Question

我使用一些 jQuery 来突出显示表单字段。但不是输入字段本身被突出显示，而是其父字段被突出显示。我想指定那些 parent 。

这里的父级是 div 并且工作正常

$("div input").focus(function () {
        $(this).parent().addClass("focus");
});

但我也想像这样指定父级“td”

$("div,td  input").focus(function () {
        $(this).parent().addClass("focus");
});

但这不起作用。只有 td 字段才能获得 focus 属性!知道如何处理这个问题吗？

Answer 1

逗号将完全分隔两个选择器；您需要指定 input两次:

$('div input, td input').focus(function() {
    $(this).parent().addClass("focus");
});

或者，如果您没有很多<input>如果不符合此条件，您可以使其变得更简洁:

$('input').focus(function() {
    $(this).parent('div, td').addClass('focus');
});