جلسه ۱۷ : حذف عناصر html در jQuery

• جزئیات
• نوع محتواآموزش تصویری

مقدمه

با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کاربردی آموزش jQuery ، را دنبال می کنند. خب در آموزش قبلی، روشهایی را برای اضافه کردن عناصر  html ، در jQuery ، ارائه کردیم. در ادامه و تکمیل مبحث قبلی، در این بخش به موضوع حذف عناصر html در چی کوئری یا remove elements در jQuery ، می پردازیم.

در بخش قبلی چگونگی اضافه کردن عناصر html یا محتوا به آنها را، ضمن آشنایی با چند تابع جدید، ارائه کردیم. و این موارد را در بخش افزودن عناصر html در jQuery ، با هم مرور کردیم.

حال در ادامه مباحث ، به سراغ موضوع حذف عناصر html یا remove elements در jQuery ، می رویم.

حذف عناصر html یا remove elements در jQuery

حذف عناصر html یا remove elements در jQuery

در jQuery ، به راحتی می توان عناصری html یا محتوای آنها را حذف کرد.

حذف عناصر html یا محتوای آنها

دو تابع برای حذف عناصر html ، وجود دارد:

• ()remove : عنصر انتخاب شده را با تمام عناصر زیر مجموعه ی آن، حذف می کند.
• ()empty : عناصر زیر مجموعه عنصر انتخاب شده را حذف می کند.

تابع ()remove

این تابع عنصر انتخاب شده را با تمام عناصر زیر مجموعه ی آن، حذف می کند.

مثال:

تابع ()empty

این تابع نیز ، تمام عناصر زیر مجموعه عنصر انتخاب شده  با حفظ عنصر انتخاب شده ، حذف می کند.

مثال:

حذف برخی از عناصر

تابع ()remove ، که در مطالب فوق به آن اشاره شد. یک پارامتر دیگر را نیز می پذیرد. که اجازه می دهد ، با فیلتر گذاری روی عمل حذف، فقط یک یا چند عنصر مشخص شده، حذف شوند.

از این تابع می توان در selector های  مختلف jQuery ، استفاده کرد.

در مثال زیر ، با اجرای برنامه، تمام عناصر <p> با کلاس “test” ، حذف خواهند شد.

مثال ۲: حذف تمام عناصر <p> با نام کلاس های “test” و “demo” :

کلام آخر

در تکمیل بخش قبلی که افزودن عناصر html در jQuery را بیان می کرد. در این بخش نیز، به موضوع چگونگی حذف عناصر html یا remove elements در jQuery ، پرداختیم. امیدواریم که مطالب فوق، مورد توجه و استفاده ی شما ، قرار گرفته باشد.