Показать сообщение отдельно
  #6 (permalink)  
Старый 16.07.2013, 16:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

NikZ,

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <style type="text/css">
 div.new{
   background-color: #FF0000;
 }

  </style>
</head>
<body>
<div class="text">
 <p><u>заголовок</u></p>
 <p style="text-align: justify;">куча текста</p>
 <p><u>заголовок</u></p>
 <p style="text-align: justify;">куча текста</p>
 <p><u>заголовок</u></p>
 <p style="text-align: justify;">куча текста</p>
 <p><u>заголовок</u></p>
 <p style="text-align: justify;">куча текста</p>
 <p style="text-align: justify;">куча текста</p>
 <p style="text-align: justify;">куча текста</p>
 <p style="text-align: justify;">куча текста</p>
 <p style="text-align: justify;">куча текста</p>
 <p><u>заголовок</u></p>
 <p style="text-align: justify;">куча текста</p>
</div>
<script>
   $('p:has(u)').each(function(indx, element){
  $(element).nextUntil('p:has(u)').wrapAll($('<div/>',{'class':'new'}))
})
</script>
</body>
</html>

Последний раз редактировалось рони, 16.07.2013 в 16:52. Причина: добавил обёртку дивом
Ответить с цитированием