文章/答案/技术大牛

发布

社区首页 >问答首页 >JQuery使用style=background-color选择所有p标记

问JQuery使用style=background-color选择所有p标记
EN

Stack Overflow用户

提问于 2018-04-17 20:04:15

回答 2查看 388关注 0票数 0

我需要做的是添加CSS到一个段落标签，如果它有样式=背景颜色：#aaddff；

我有以下内容，但有些地方不太正确，因为没有添加边框。

我是否需要使用element.style，或者是完全不同的东西？

<script type="text/javascript">
    $(function () {
        $('p').filter(function () {
         return $(this).css("background-color") === "#aaddff";
        })
        .css("border", "2px solid black");
    });

</script>

</head>

<body>
<div>       
    <p class="test" style="background-color:#aaddff;">Hello</p>
    <p class="test" style="background-color:blue;">Hello</p>
    <p class="test" style="background-color:#aaddff;">Hello</p>
</div>
</body>

jquery

css

回答 2

Stack Overflow用户

发布于 2018-04-17 20:07:29

$(this).css("background-color")将返回颜色的RGB值，因此您必须比较该值，而不是十六进制值：

$('p').filter((_, e) => $(e).css("background-color") == "rgb(170, 221, 255)")
  .css("border", "2px solid black");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="test" style="background-color:#aaddff;">Hello</p>
<p class="test" style="background-color:blue;">Hello</p>
<p class="test" style="background-color:#aaddff;">Hello</p>

票数 2

Stack Overflow用户

发布于 2018-04-17 20:10:49

正如您在http://api.jquery.com/css/中看到的，JQuery在"css“函数中返回的是RGB值，而不是十六进制代码。

您可以使用代码in this answer来转换为十六进制。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/49877640

复制

相似问题

问JQuery使用style=background-color选择所有p标记
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQuery使用style=background-color选择所有p标记EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQuery使用style=background-color选择所有p标记
EN