Мені потрібно змінити колір і стиль елементів mtext в jquery - jquery, mathjax

Tried Хто-небудь намагався отримати доступ до елементів mtext, створених бібліотекою MathJax.js, з jquery?

У мене є щось на зразок цього:

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

але я не можу вибрати будь-який елемент mtext. Я намагався використовувати $ ("mtext"). AddClass ("червоний"), але він не працює.

Дякую

Відповіді:

Це працює для мене використовуючи той самий код, що й ви: $("mtext").addClass("red");.

Можливо, ви не чекаєте, поки розмітка фактично не буде завантажена / додана до DOM перед запуском селектора jQuery? Це не дозволить jQuery знайти будь-які елементи для додавання класу.

MathJax видаляє елементи MathML і замінює їх елементами HTML для виконання макета в більшості браузерів. Так що там є після цього не існує елементів mtext. Вихідний код HTML-CSS зберігає структуру MathML і позначає проміжки, які він створює, за класами, які відповідають вихідним вузлам. Тому спробуйте

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

хоча, можливо, буде простіше додати

.mtext { color: red }

до вашого CSS, а не за допомогою jQuery, щоб додати його пізніше, якщо не потрібно змінити його динамічно.