Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Сменить регистр слова через JQ (https://javascript.ru/forum/jquery/53495-smenit-registr-slova-cherez-jq.html)

ufaclub 05.02.2015 23:32

Сменить регистр слова через JQ
 
Есть код
<h1>Замечательный заголовок статьи</h1>

через css (text-transform: uppercase;) правило он приобретает вид

<h1>ЗАМЕЧАТЕЛЬНЫЙ ЗАГОЛОВОК СТАТЬИ</h1>

Мне нужно как то через jq найти слово "заголовок" и сменить его вид на

"ЗаголОвоК"

Чтобы визуально получилось вот так:

<h1>Замечательный ЗаголОвоК статьи</h1>

freee 05.02.2015 23:41

<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>

ufaclub 05.02.2015 23:52

все равно правило css перекрывает.

рони 06.02.2015 00:32

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.