Сменить регистр слова через JQ
Есть код
<h1>Замечательный заголовок статьи</h1> через css (text-transform: uppercase;) правило он приобретает вид <h1>ЗАМЕЧАТЕЛЬНЫЙ ЗАГОЛОВОК СТАТЬИ</h1> Мне нужно как то через jq найти слово "заголовок" и сменить его вид на "ЗаголОвоК" Чтобы визуально получилось вот так: <h1>Замечательный ЗаголОвоК статьи</h1> |
<html> <head> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/jquery-super-extension-for-H1-parsing.js"></script> </head> <h1>Замечательный заголовок статьи</h1> <body> <script> t=document.querySelector("h1") t.innerHTML=t.innerHTML.replace("заголовок", "ЗаголОвоК") </script> </body> </html> |
все равно правило css перекрывает.
|
ufaclub,
:cray: <!DOCTYPE HTML> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> h1 { text-transform: uppercase; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script> $(function(){ $('h1:contains("Замечательный заголовок статьи")').css('text-transform', 'none').text('Замечательный ЗаголОвоК статьи'); }); </script> </head> <body> <h1>Замечательный заголовок статьи</h1> </body> </html> |
Часовой пояс GMT +3, время: 23:33. |