我需要在jquery中更改mtext元素的颜色和样式

Question

¿有没有人试图从jquery访问MathJax.js库生成的“mtext”元素？

我有这样的事情：

<mrow>
   <mo>(</mo>
       <mtext>Producción‌·de‌·naranjas&nbsp;&nbsp;</mtext>
   <mo>)</mo>
</mrow>

但我无法选择任何mtext元素。我尝试使用$（'mtext'）。addClass（'red'）但它没有用。

由于

Answer 1

MathJax删除MathML元素并将其替换为HTML元素，以在大多数浏览器中执行布局。所以之后没有mtext元素。 HTML-CSS输出jax确实保留了MathML的结构，并使用与原始节点对应的类标记它创建的跨度。所以试试

$('.mtext').addClass('red');

虽然可能更容易添加

.mtext { color: red }

到你的CSS而不是使用jQuery稍后添加它，除非你需要动态地改变它。

Answer 2

works for me使用与您相同的代码：$('mtext').addClass('red');。

在运行jQuery选择器之前，您可能还没有等到标记实际加载/添加到DOM中？这会阻止jQuery找到任何要添加类的元素。