使用 Wordpress 编辑器更改文本颜色,有没有一种方法可以让我使用 jquery 强制它改为将其设为背景颜色。
这是当我更改文本颜色时 wp 呈现的内容:
<p>
<span style="color: #ff0000;">
<a style="color: #ff0000;" href="#">Link name</a>
</span>
</p>
我希望背景是我选择的任何颜色。
类似的东西,但我卡住了。 [THE SELECTED COLOUR] 只是一个占位符,因此您可以看到我正在尝试做什么。
$("p span a").css("background-color","[THE SELECTED COLOUR]");
最佳答案
这个怎么样,你在哪里遍历它们
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
<span style="color: #ff0000;">
<a style="color: #ff0000;" href="#">Link name</a>
</span>
</p>
<p>
<span style="color: #0000ff;">
<a style="color: #0000ff;" href="#">Link name</a>
</span>
</p>
<script>
$("p span a").each(function( index ) {
$( this ).css("background-color", $( this ).css("color"));
$( this ).css("color", "white");
});
</script>
或者,正如 A.Wollf 在他的评论中建议的那样,使用 function
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
<span style="color: #ff0000;">
<a style="color: #ff0000;" href="#">Link name</a>
</span>
</p>
<p>
<span style="color: #0000ff;">
<a style="color: #0000ff;" href="#">Link name</a>
</span>
</p>
<script>
$("p span a").css({"background-color":function(){ return $(this).css('color'); }, "color": "white"});
</script>
关于javascript - 使用 jquery 将文本颜色更改为背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40949629/