javascript - 应用 css 时排除上层父级

Question

我的问题是我必须将一些 CSS 样式应用到父级是链接的每个图像，除了那些在 <li> 中的链接。元素。这是我的代码:

$("img").parent("a").css({"padding": "0", "border": "0 none", "background-color": "transparent"})

它可以很好地处理主页上发布的图像，但它也破坏了我的顶部菜单，因为它在链接中有一个图像(用于语言选择)。

有没有办法将样式应用于每个链接图像，除外那些父级是 <li> 的图像元素？谢谢。

Answer 1

...apply some CSS styles to every image

您可以定位除 <li> 以外的任何内容，然后是 anchor ，然后是图像

$('*:not(li) > a img').css()

或过滤器

$('a img').filter(function() {
    return $(this).closest('li').length === 0;
}).css();

看起来你真的是在将这些样式应用于 anchor ，而不是图像

$('a:has(img)').filter(function() {
    return $(this).closest('li').length === 0;
}).css();