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