[英]Change text colour to background colour with jquery
使用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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.