jQuery | after () с примерами

Опубликовано: 14 Декабря, 2021

After () - это встроенная функция в jQuery, которая используется для вставки содержимого, указанного параметром для каждого выбранного элемента в наборе сопоставленных элементов.
Синтаксис:

$ (селектор) .after (A);

Параметр: принимает параметр «A», который является либо содержимым, либо функцией, переданной методу.
Возвращаемое значение: возвращает выбранный элемент с модификацией.

Код jQuery для демонстрации работы метода after ():
Код №1:
В приведенном ниже коде Element передается методу, который будет добавлен после выбранного элемента.

 < html >
 
< head >
    < meta charset = "utf-8" >
    < style >
        p {
            background: lightgreen;
            display: block;
            width: 150px;
            padding: 10px;
            border: 2px solid green;
        }
    </ style >
    < script src = " https://code.jquery.com/jquery-1.10.2.js " >
    </ script >
 </ head >
 
< body >
    < p >I would like to say: </ p >
    < script >
        $("p").after("< b >< h2 >Hello Geeks</ h2 ></ b >");
    </ script >
 </ body >
 
</ html > 

Выход:

Код №2:
В приведенном ниже коде функция передается методу, который будет работать после выбранного элемента.

 < html >
 
< head >
    < meta charset = "utf-8" >
    < style >
        p {
            background: lightgreen;
            width: 250px;
            padding: 10px;
            border: 2px solid green;
        }
    </ style >
    < script src = " https://code.jquery.com/jquery-1.10.2.js " >
    </ script >
 </ head >
 
< body >
    < p >This is first paragraph !!!</ p >
    < p >This is the second paragraph !!! </ p >
    < script >
        $("p").after(function() {
            return "< div >" + "GeeksforGeeks" + "</ div >";
        });
    </ script >
 </ body >
 
</ html > 

Выход:

JavaScript JQuery

jQuery | after () с примерами

РЕКОМЕНДУЕМЫЕ СТАТЬИ