несколько селекторов для включения обратно $ (this)?

Question

Я не уверен, что это возможно. Выбор нескольких элементов легко, но сегодня я сомневаюсь, возможно ли это или нет:

$(this).closest("li, + $(this)").css('text-decoration','line-through'); 

Приведенный выше код, конечно, не работает. Это просто для демонстрации идеи. Я хочу ударить по всему li (текст и флажок), поэтому я выбрал li вместе с checkbox.

Answer 1

$(this).closest("li").andSelf().css('text-decoration','line-through');

или

$(this).closest("li").addBack().css('text-decoration','line-through');

для JQuery 1.8 и выше

Answer 2

.add()

$(this).closest("li").add(this).css('text-decoration','line-through'); 

Answer 3

Чистейшее решение заключается в использовании addBack, WH ич посвящена такого использования:

$(this).closest("li").addBack().css('text-decoration','line-through'); 

Answer 4

Вы можете использовать функцию .add() добавить селекторы:

$(this).closest("li").add(this).css('text-decoration','line-through'); 

Answer 5

Использование andSelf.

Описание: Добавить предыдущий набор элементов в стек к текущему набору .

Код:

$(this).closest("li").andSelf().css('text-decoration','line-through'); 

теперь я прочитал в документации, что:

Примечание: Эта функция устарела и теперь является псевдонимом для .addBack(), который должен использовать с jQuery 1.8 и более поздними версиями.

Так что используйте addBack, если вы находитесь на jQuery 1.8 или новее.

Код:

$(this).closest("li").addBack().css('text-decoration','line-through'); 

Answer 6

Я предполагаю, что ваши $ (это) представляет собой флажок здесь. Если он находится внутри li, вы можете использовать

$(this).parent('li').css('text-decoration','line-through'); 

Это будет иметь крышку с лифтом.

$(this).closest("li").andSelf().css('text-decoration','line-through');