使用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

你需要找到當前card內paragraph-end元素，以便使用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") + "" 
});