ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ |

Найти блок по номеру и поставить до него jquery

Мы будем искать блок по номеру и поставим перед ним какое-то содержание! Нам понадобится для этого два метода : eq() и before() Мы только что сделали страницу и ставили блок после

Нам понадобится какой-то тренировочный код, например вот такой:

Обращаю ваше внимание, что счет начинается не с единицы, а с нуля…

<pre>строка номер 0</pre>

<pre>строка номер 1</pre>

<pre>строка номер 2</pre>

<pre>строка номер 3</pre>

<pre>строка номер 4</pre>

<pre>строка номер 5</pre>

У нас есть строка номер два, которую мы будем искать! И когда найдем, то поставим перед ней другой код, который будет отличаться от всех других, чтобы вы могли посмотреть это в действии…

Нам понадобится метод: eq() и before()
<script>$( "pre" ).eq( 2 ).before( "<li class=\"start no3\"> Данная строка будет вставлена после строки номер 2 </li>" );</script>

Результат:

строка номер 0
строка номер 1
строка номер 2
строка номер 3
строка номер 4
строка номер 5

Посмотреть пример и скачать можно по ниже идущей ссылке

Скрипт № 40.10
Название скрипта и номер :Найти по номеру блок и вставить до него блок
Пример - Найти по номеру блок и вставить до него блок
Скачать - архив
Все скрипты на одной страницеС вашими куками, что-то не то..., попробуете перезагрузить страницу..
Теги:
Найти блок по номеру и поставить до негоjquery

Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019