متد ( ) insertAfter در jQuery
در این بخش از آموزش JQuery ، متد insertAfter را شرح میدهیم.
متد insertAfter ، یک متن یا کنترل HTML را بعد از عنصر مورد نظرتان در صفحه وارد می نماید .
در متد insertAfter بایستی یک متن یا عنصر HTML را انتخاب کرده و سپس تعیین نمایید تا پس از چه عنصری در صفحه وارد شود .
برای مثال فرض کنید یک پاراگراف در صفحه دارید و می خواهید کدی طراحی نمایید تا در صورت کلیک کاربر بر روی یک دکمه فرمان ، متن جدیدی به انتهای پاراگراف اضافه شود .
شکل کلی استفاده از متد ( ) insertAfter به شرح زیر است :
$ ( content ).insertAfter ( " selector " ) ;
content : این پارامتر تعیین کننده متن یا id عنصر HTML ای است که می خواهید محتویات آن را پس از عنصر مورد نظر در صفحه وارد نمایید .
selector : تعیین کننده id عنصری است که می خواهید متن یا عنصر دیگر HTML خود را پس از آن در صفحه وارد نمایید .
مثال زیر کاربرد متد insertAfter را نشان میدهد :
$("button").click(function(){
$("<span>Hello world!</span>").insertAfter("p");
});