Использование jQuery, как я могу выбрать дочерний элемент при использовании .closest()?

Question

Я пытаюсь выбрать элемент в моем HTML, я могу выбрать его с помощью следующих ...

$(".card .card-title > div a span.paragraph-end").css({ background: "linear-gradient(to right,rgba(255,255,255,0)," + $(this).css("background-color") + "" }); 

Я начал с выше, так что я мог видеть, если он работал, теперь я m пытается выбрать только экземпляр на странице, которую я хочу изменить, и не все из них. Так что я был в состоянии выбрать .card Я хочу изменить с помощью:

$(this).closest(".card") 

Но делать

$(this).closest(".card .card-title div a span.paragraph-end").css({ background: "linear-gradient(to right,rgba(255,255,255,0)," + $(this).css("background-color") + "" });` 

не работает для меня. Как выбрать дочерний класс после использования самого близкого метода?

Answer 1

Вы должны найти paragraph-end элемент в текущем card поэтому используйте closest() определить местонахождение card затем использовать .find(), чтобы найти paragraph-end элемент

$(this).closest(".card").find(".card-title div a span.paragraph-end").css({ 
    background: "linear-gradient(to right,rgba(255,255,255,0)," + $(this).css("background-color") + "" 
});