حذف عناصر jQuery

با استفاده از jQuery، حذف عناصر HTML موجود به راحتی امکان‌پذیر است.

حذف عناصر/محتوا

برای حذف عناصر و محتوا، معمولاً می‌توان از دو روش jQuery زیر استفاده کرد:

  • remove() - حذف عناصر انتخاب شده (و فرزندان آن‌ها)
  • empty() - حذف فرزندان از عناصر انتخاب شده

روش remove() jQuery

روش remove() jQuery عناصر انتخاب شده و فرزندان آن‌ها را حذف می‌کند.

مثال

$("#div1").remove();

آزمایش کنید

روش empty() jQuery

روش empty() jQuery عناصر فرزند انتخاب شده را حذف می‌کند.

مثال

$("#div1").empty();

آزمایش کنید

فیلتر کردن عناصر حذف شده

روش remove() jQuery نیز می‌تواند یک پارامتر را پذیرا باشد که به شما اجازه می‌دهد عناصر حذف شده را فیلتر کنید.

این پارامتر می‌تواند هرگونه نحوه‌ی انتخاب‌گر jQuery باشد.

در مثال زیر، تمام عناصر <p> با class="italic" حذف می‌شوند:

مثال

$("p").remove(".italic");

آزمایش کنید

منابع مرجع HTML jQuery

برای دسترسی به محتوای کامل روش‌های HTML jQuery، لطفاً به منابع زیر مراجعه کنید: