Javascript 使用jquery更改单击的div中锚定标记的css

我有多个div和类

.product_愿望列表

我想更改用户在此div内单击的特定锚定标记的颜色，但现在.pw div内的所有锚定标记颜色都已更改。是否可以将选定的css添加到单击的元素中。请帮我解决这个问题

$（文档）.ready（函数（）{
$（文档）.on（'click'，'.pw'，函数（e）{
$（'.pw>a'）.css（'background-color'，'green'）；
});
});
.product\u wishlist>a{
背景色：#e91e63；
高度：30px；
位置：绝对位置；
右：-32px；
文本对齐：居中；
顶部：15px；
宽度：30px；
-webkit转换持续时间：500ms；
过渡时间：500ms；
z指数：9；
}
.wishlish selected>a{
背景色：黑色；
高度：30px；
位置：绝对位置；
右：-32px；
文本对齐：居中；
顶部：15px；
宽度：30px；
-webkit转换持续时间：500ms；
过渡时间：500ms；
z指数：9；
}

用于引用当前元素和锚元素：

改变

$('.pw > a').css('background-color', 'green');

到


$（文档）.ready（函数（）{
$（文档）.on（'click'，'.pw'，函数（e）{
$（this.find（'a'）.addClass（'wishlish-selected'））
});
});
。希望已选中{
背景颜色：绿色；
}

用于引用当前元素和锚元素：

改变

$('.pw > a').css('background-color', 'green');

到


$（文档）.ready（函数（）{
$（文档）.on（'click'，'.pw'，函数（e）{
$（this.find（'a'）.addClass（'wishlish-selected'））
});
});
。希望已选中{
背景颜色：绿色；
}

我可以这样做吗？因为这样会更容易计算$（this）.find（'a'）.addClass（'wishlish-selected'）；。但是现在它不工作了。谢谢Mamun，但是有一个css已经被定义了。product_wishlist>a{背景色：#e91e63；高度：30px；位置：绝对；右：-32px；文本对齐：中间；顶部：15px；宽度：30px；-webkit转换持续时间：500ms；转换持续时间：500ms；z索引：9；}这将覆盖我的wishlish-selected。我可以这样做吗，因为这样会更容易计算$（this）。find（'a'）。addClass（'wishlish-selected'）；。但是现在它不工作了。谢谢Mamun，但是有一个css已经被定义了。product_wishlist>a{背景色：#e91e63；高度：30px；位置：绝对；右：-32px；文本对齐：中间；顶部：15px；宽度：30px；-webkit转换持续时间：500ms；转换持续时间：500ms；z索引：9；}这是覆盖我的愿望选择。