Question

我想要实现的是设置页面上不包含图像或div框的所有链接。我已尝试使用a:text-only和a:text-only:hover的css解决此问题，但这不起作用。然后我尝试使用jQuery，但我无法让:not选择器在锚标记中排除div框和图像。
到目前为止，这是我的代码：

<script src="jquery-1.10.2.js"></script>
<script src="jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    $('document').ready(function(){
        var styles = {
            textDecoration: "none",
            padding: "2px",
            WebkitTransition: "0.5s",
            MozTransition: "0.5s",
            OTransition: "0.5s",
            transition: "0.5s"
        };
        $("a").not('div', 'img').css( styles );
    });
</script>

它应该排除看起来像这样的链接

<a href="index.php"><div class="logo180"></div></a>

或者

<a href='booklist.php'><img src="images/bookflight.png"></a>

这可以用jQuery（或css）吗？提前谢谢。

Answer 1

您需要将:has()与multiple selector

一起使用

$("a").not(':has(div,img)').css( styles );

Answer 2

“a”元素本身就是内联元素。所以只需使用它：

$("a").css( styles );

jQuery：不使用锚点排除div和img元素

2 个答案: