Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

Найти блок по номеру и поставить до него 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


Вас может еще заинтересовать список тем : #JS | #JS_JQUERY | #SEARCH |
Последняя дата редактирования : 2020-02-03 09:47
Название скрипта :Найти по номеру блок и вставить до него блок
Скрипт № 45.11Ссылка на скачивение: Все скрипты на одной странице
https://dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
Найти блок по номеру и поставить до негоjquery

Последние комментарии :
Паула :
10/07/2020 06:23
Коментариев
подробнее.
Марат :
12/06/2020 10:07
Всегда пожалуйста! Приходите еще!!!
подробнее.
Александр :
04/06/2020 01:42
Спасибо
подробнее.
admin :
20/05/2020 10:36
Как бы смешно это не звучало! Но! Запускается новая система комментирования COMMENTS+ 1.5. в тестовом режиме!От…
подробнее.
Паула :
21/05/2020 04:48
Вообще мне очень нравится, что вы делаете! И ваш подход! И ваш стиль!И не обращайте внимание на всяких…
подробнее.

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2020 Мы на лучшем хостинге -> ruweb