Показать сообщение отдельно
  #16 (permalink)  
Старый 09.10.2014, 00:16
Аспирант
Отправить личное сообщение для voral Посмотреть профиль Найти все сообщения от voral
 
Регистрация: 03.10.2014
Сообщений: 67

Как добраться до элемента содержащего текст знаете?
<!DOCTYPE HTML>
<html>
  <head>
  	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  </head>
  <body>
    <div class="text-body">Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.<br> Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum</div>
    <a id="test" href="#">Делим</a>

    <script>
      var insertLink = function(srcText)
      {
        // берем блок содержащий текст
        var textBox = $('.text-body');
        // берем из блока html (не забываем про br) и сразу делим полученное в массив.
        // в качестве разделителя пробел
        // но! это если реально не может быть вложенных тегов. Иначе нужно будет использовать
        // регулярные выражения
        var arrWords = textBox.html().split(' '); // берем из н
        // вставляем в серидину массива нужный код
        arrWords.splice(Math.ceil(arrWords.length / 2), 0, '<a href="http://ya.ru/" class="some-class">YES!!!</a>');
        // склеиваем массив в одну строку и заменяем на это значение html содержащийся в искомом блоке
        textBox.html(arrWords.join(' '));
      }
      $(document).ready(function(){
        // это только для очевилности. Можете вызвать эту ф-ию в нужный вам момент
        $('#test').click(insertLink);
      });
    </script>

  </body>
</html>


По сути тут и jQuery особо не нужен.
Ответить с цитированием