Question

我一直在努力工作几天，现在正在使用jQuery尝试编写一个脚本，用来替换论坛聊天框中动态创建的span样式颜色。
这两个元素都包含在td元素内class="chat"和style="color:green"这样的范围

<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");

我也尝试过改变课程＆＃34;聊天＆＃34;还有其他几个类，如td，chat，但它们都没有任何方式，任何想法即使在新td＆amp;之后我怎样才能使它与jQuery一起工作？聊天框是否正在生成类以使用我的CSS更改所需的跨度颜色？

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>

jQuery动态HTML属性覆盖脚本

1 个答案: