如何使用jQuery更改父元素的背景顏色？

Question

我想做的是單擊提交按鈕時更改父元素的背景顏色。

因此，我已經嘗試了以下代碼：

            $("input.submit").click(function(){
                var className = $(this).parent().attr("class");
                $(className).animate({backgroundColor: '#FFB95E'}, 1000);
                $(className).animate({borderColor: '#C97200'}, 1000);
            });

但是我永遠無法獲得父元素的類名。 有一些提交按鈕都帶有不同的父元素，這就是為什么我需要這樣做。

誰能幫忙嗎？

非常感謝

彼得

Answer 1

標記示例可以幫助解決此問題，但是您似乎正在使用正確的代碼來獲取父元素。

我建議您使用像調試器這樣的調試器來查看$(this).parent()[0]是什么，或者只是alert($(this).parent()[0]); 如果它不返回"object" ，則說明您沒有父元素，如果您有父元素，請使用alert($(this).parent()[0].outerHTML); 看看您是否擁有正確的元素。

最后， $(className)是多余的，僅將如下所示的getter鏈接到elemnt命令是沒有用的，或者直接使用已經是jQuery對象的變量。

$(this).parent().animate({backgroundColor: '#FFB95E'}, 1000).animate({borderColor: '#C97200'}, 1000);

Answer 2

為什么不簡單

$(this).parent()
       .animate({backgroundColor: '#FFB95E',
                 borderColor: '#C97200'}, 1000);

您不需要獲取父類來設置背景顏色。 但是，如果我沒記錯的話，在顏色上設置動畫在默認情況下不起作用，則需要一些插件來處理過渡