我一直在试图弄清楚如何定位链接的第二个字符并将其颜色更改为红色。我试着把第二个字母作为目标。没有nth-child(2),我的代码成功地将整个链接的颜色更改为红色。我做错了什么?
nth-child(2)
$(document).ready(function() { $(".header-title-text").find("a:nth-child(2)").css({ color: 'red' }); })
个字符
t8e9dugd1#
你不能直接给一个字母添加颜色,你需要在一些HTML元素(如span)中添加颜色。工作片段:
span
$(document).ready(function() { var secLetter = $(".header-title-text").find("a").text().split('')[1]; $(".header-title-text").find("a").html($(".header-title-text").find("a").html().replace(secLetter, "<span class='red'>" + secLetter + "</span>")); });
.red { color: red; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="header-title-text"> <a href="abc.com">title</a> </div>
1条答案
按热度按时间t8e9dugd1#
你不能直接给一个字母添加颜色,你需要在一些HTML元素(如
span
)中添加颜色。工作片段: