Alexanevsky
@Alexanevsky
Любительская web-разработка

Вставка кода используя JS

Здравствуйте!

Есть список:
<ul>
      <li>Пункт 1</li>
      <li>Пункт 2</li>
      <li>Пункт 3</li>
      <li>Пункт 4</li>
</ul>


Необходимо сразу после открывающего тега списка вставить один код, и сразу перед закрывающим тегом списка - другой, чтобы получилось:

<ul>
      <li><div class="a"></div><div class="b">Пункт 1</div></li>
      <li><div class="a"></div><div class="b">Пункт 2</div></li>
      <li><div class="a"></div><div class="b">Пункт 3</div></li>
      <li><div class="a"></div><div class="b">Пункт 4</div></li>
</ul>


Как это сделать?
  • Вопрос задан
  • 2484 просмотра
Решения вопроса 1
1) подключаем Jquery (Я люблю 1.8 версию)
2) создаём отдельный файл нашего js и подключаем его
3) пишем в нашем новом файле код
jQuery(function(){
$('ul > li').each(function(){
var listHTMl = li.html();
var listStr = ''+listHTMl+'';
$(this).html('').prepend('').append('listStr ');
});
});
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
SolidlSnake
@SolidlSnake
Ваш дружелюбный сосед
Учите работу с DOM через через JS.
Можете воспользоваться jQuery или другим подходящим фреймворком - это облегчит вам задачу.
Ответ написан
Комментировать
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Если нет знаний - используйте jquery
jsfiddle.net/iiil/U5DR2
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы