حذف کردن یک عنصر و تمام محتویات درون آن از صفحه، با روش remove ، در jQuery
با استفاده از روش remove در jQuery ، می توانیم یک عنصر و تمام محتویات درون آن را حذف کنیم.
به عنوان مثال، فرض کنید که بخواهیم تمام تگ های p قرار گرفته در صفحه (و محتویات درون آنها) حذف شوند، برای این منظور، کد jQuery زیر را می نویسیم :
به مثال زیر توجه کنید :
یک دکمه (Button) می سازیم و تعیین می کنیم که وقتی بر روی آن کلیک می شود، تمام تگ های p قرار گرفته در صفحه HTML حذف شوند :
نتیجه :
حذف کردن یک عنصر دارای id خاص، با روش remove ، در jQuery :
چنانچه قصد داشته باشیم که یک عنصر دارای id خاص را حذف کنیم، باید روش remove را به صورت زیر به کار ببریم :
در کد بالا، تعیین کرده ایم که آن عنصری در صفحه که دارای id برابر kelidestan می باشد، حذف شود.
به مثال زیر توجه کنید :
یک دکمه (Button) می سازیم و تعیین می کنیم که وقتی بر روی آن کلیک می شود، عنصری که دارای id برابر kelidestan_paragraph می باشد، حذف شود :
نتیجه :
حذف کردن عنصرهای قرار گرفته در یک کلاس (Class) خاص، با روش remove ، در jQuery :
فرض کنید در صفحه، تعدادی عنصر داریم که همگی در یک کلاس (Class) خاص قرار گرفته اند و قصد داریم آن عنصرها را حذف کنیم، برای این منظور، روش remove را به صورت زیر به کار می بریم :
در کد بالا تعیین کرده ایم که تمام عنصرهایی که در کلاس kelidestan قرار گرفته اند، از صفحه حذف شوند.
به مثال زیر توجه کنید :
یک دکمه (Button) می سازیم و تعیین می کنیم که وقتی بر روی آن کلیک می شود، تمام عنصرهایی که در کلاس kelidestan_paragraph قرار گرفته اند، حذف شوند :
نتیجه :
حذف کردن عنصرهای قرار گرفته در چند کلاس (Class)، با روش remove ، در jQuery :
برای اینکه تعیین نماییم که عنصرهای موجود در چند کلاس (Class) مختلف، از صفحه حذف شوند، روش remove را به صورت زیر به کار می بریم :
که در آن، دو کلاس با نام های kelidestan_1 و kelidestan_2 را در نظر گرفته ایم.
به مثال زیر توجه کنید :
یک دکمه (Button) می سازیم و تعیین می کنیم که وقتی بر روی آن کلیک می شود، تمام عنصرهایی که در کلاس kelidestan_paragraph_1 یا کلاس kelidestan_paragraph_2 قرار گرفته اند، حذف شوند :