使用jquery將文本顏色更改爲背景顏色

使用Wordpress編輯器更改文本顏色，是否有方法可以使用jquery強制它使此背景顏色代替。使用jquery將文本顏色更改爲背景顏色

這是當我改變文本的顏色WP呈現什麼：

<p> 
    <span style="color: #ff0000;"> 
     <a style="color: #ff0000;" href="#">Link name</a> 
    </span> 
</p>

我希望背景是我選擇任何顏色來代替。

沿線的東西，但我卡住了。 [選擇的顏色]只是一個佔位符，所以你可以看到我想要做什麼。

$("p span a").css("background-color","[THE SELECTED COLOUR]");

來源

2016-12-03 xhadf

這樣吧，在這裏你遍歷雖然他們都

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

來源

2016-12-03 15:59:30 LGSon

工作只爲一個元素，或者都有相同的顏色。 'css（）'方法接受一個應該在這裏使用的函數，例如：'$（「p span a」）。css（「background-color」，function（）{return this（this）.css（'color '）; }）;'。但你仍然需要重置顏色（不是背景），否則，無法讀取錨文本 –

謝謝，這是完美的，因爲我需要幾種顏色風格。 – xhadf

@ A.Wolff更新了我的回答 – LGSon

希望這將是有用的

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

DEMO

來源

2016-12-03 15:59:16 brk

使用jquery將文本顏色更改爲背景顏色

回答

相關問題