Как обобщить селектор jQuery?

Question

Я использую некоторые jQuery для выделения полей формы.Но подсвечивается не само поле ввода, а его родитель.И я хочу указать этих родителей.

Здесь родитель - это 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');
});

Answer 2

Я думаю, проблема в том, что вы выбираете div И td input вместо div input И td input. Запятая используется как разделитель селекторов.

Вы можете использовать следующее, если у вас нет других полей input:

$("input")

или если вам нужно ограничиться div и td, тогда:

$("div input, td input");

Answer 3

http://api.jquery.com/multiple-selector/

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

Answer 4

Возможно, вам следует использовать дочерний селектор:

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

Answer 5

Если вы нацелены на все родительские поля ввода, то вы можете сделать что-то вроде этого: -

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

Answer 6

Вы должны помнить, что с , вы создаете совершенно новый селектор!

Вы ищете

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

Answer 7

$('td input').add().parent().doSOmething()

Answer 8

$('input').parent('td').addClass('focus');