jQuery動態HTML屬性覆蓋腳本

我一直在努力工作幾天，現在正在與jQuery一起嘗試編寫一個腳本，它從論壇的聊天箱中替換動態創建的span色彩。
兩個元素包裹td元素與class="chat"和跨度內與style="color:green"這樣jQuery動態HTML屬性覆蓋腳本

<td class="chat"><span style="color:darkgreen;">test</span></td>

腳本我試着寫例如（未黯然工作）;

$(".chat:contains('darkgreen')").css("color", "rgb(255, 111, 7)"); 
$(".chat:contains('darkgreen')").css("font-weight", "bold"); 
$(".chat:contains('darkgreen')").css("text-shadow", "bold"); 
$(".chat:contains('darkgreen')").css("text-shadow", "rgb(0, 0, 0) 1px 1px 1px"); 
$(".chat:contains('darkgreen')").css("text-shadow", "rgb(255, 111, 7) 1px 0px 6px");

我也試着用一些其他類，如td，chat但他們沒有工作無論哪種方式改變類「聊天」，任何想法我怎麼能使其即使在一個新的td用jQuery工作&類正在由聊天框生成用我的CSS來改變他們想要的跨度顏色？

來源

2017-09-18 AquaRush

訪問它缺少一個點有：'$（： - 聊天>跨度[風格=」「聊天contains'也嘗試'$（」。 color：darkgreen;']「）' – mplungjan

我試着在這個類中加入一個點，也請原諒我在最後三行結尾處丟失了三個分號，但它仍然沒有運行 – AquaRush

您可以通過

$(".chat>span[style='color:darkgreen;']") 
 
.css({ 
 
    "color":"rgb(255, 111, 7)", 
 
    "font-weight": "bold", 
 
    "text-shadow": "bold", 
 
    "text-shadow": "rgb(0, 0, 0) 1px 1px 1px", 
 
    "text-shadow": "rgb(255, 111, 7) 1px 0px 6px" 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td class="chat"><span style="color:darkgreen;">test</span></td> 
 
    </tr> 
 
</table>

來源

2017-09-18 21:42:09 mplungjan

嘗試了你編寫的腳本，但是它沒有改變任何東西，我使用Tampermonkey來應用jQuery代碼，這可能是我針對的URL不正確嗎？刷新頁面我試圖應用代碼來改變顏色，但它很少發生，每當我在聊天框中輸入某些東西時，效果就會丟失，並且不會覆蓋新的跨度。 – AquaRush

更新：您的代碼似乎工作得非常好，剩下的唯一問題是腳本本身並不總是將更改應用於網頁，刷新它或切換到另一個聊天選項卡會失去整個效果，並且在生成新消息之後在chatbox中，jQuery腳本不會對其應用更改。 – AquaRush

您需要發佈更多代碼，以顯示何時以及如何應用它。你需要使用代理 – mplungjan

jQuery動態HTML屬性覆蓋腳本

回答

相關問題