jQuery 동적 HTML 속성이 스크립트를 덮어 씁니다.

Question

저는 며칠 동안 포럼의 대화방에서 동적으로 생성 된 스팬 스타일 색상을 대체하는 스크립트를 작성하려고 jQuery와 협력하는 데 어려움을 겪고 있습니다.
두 요소는 내가 (슬프게도 작동하지 않았다) 예를 들어 쓰기를 시도한 스크립트이

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

처럼 style="color:green"와 class="chat"와 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로 원하는 스팬 색상을 변경하기 위해 chatbox에 의해 생성됩니까? '=> 스팬 [스타일 - "또한`$을 (시도 contains`을. 채팅"채팅.`$를 (:

Answer 1

당신은이 점을 누락

$(".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>