用jQuery将文本颜色更改为背景颜色

Question

使用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]");

Answer 1

怎么样，您遍历所有这些

 <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> 

Answer 2

希望这会有用

$("p span a").css("background-color","green");

演示