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