Форум

ufaclub · #1 (**permalink**) 05.02.2015, 23:32

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

через css (text-transform: uppercase

правило он приобретает вид

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

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

"ЗаголОвоК"

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

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

freee · #2 (**permalink**) 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 · #3 (**permalink**) 05.02.2015, 23:52

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

рони · #4 (**permalink**) 06.02.2015, 00:32

ufaclub,

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

Форум

Справочник

Discord чат

Курсы javascript