حذف عنصر لـ jQuery

جزء مهم جدًا من jQuery هو التلاعب بDOM.

يقدم jQuery العديد من الطرق لازالة العناصر أو المحتوى الموجود في المستند.

في هذا الفصل، سنوضح كيفية ازالة عناصر/المحتوى من DOM.

ازالة العناصر/المحتوى في jQuery

باستخدام jQuery، يمكننا بسهولة ازالة عناصر HTML.

لدينا مجموعة من الطرق في jQuery لازالة العناصر والمحتوى.

• remove()

• empty()

• unwrap()

سأوضح لك كيفية استخدام كل طريقة.

طريقة jQuery remove()

jQuery remove()تزيل الطريقة العنصر المحدد من DOM وكذلك جميع العناصر الفرعية.

النموذج التوضيحي التالي يزيل جميع الفقرات من DOM.

$("button").click(function(){
　　$("p").remove();
});

jQuery remove()تقبل الطريقة أيضًا معاملًا يتيح لك فرز العناصر التي يتم ازالتها.

يمكن أن يكون هذا المعامل أي اختيار jQuery.

النموذج التوضيحي التالي يزيل جميع الفقرات التي تحتوي على 'Hello' من DOM.

$("button").click(function(){
　　$("p").remove(":contains('Hello')");
});

طريقة jQuery empty()

jQuery empty()يتم ازالة جميع العناصر الفرعية من العنصر المحدد (بما في ذلك عناصر النص).

النموذج التوضيحي التالي يزيل جميع العناصر الفرعية من جميع الفقرات (بما في ذلك عناصر النص).

$("button").click(function(){
　　$("p").empty();
});

ملاحظة:هذه الطريقة لا تزال العنصر نفسه أو خصائصه.

طريقة unwrap() لـ jQuery

jQuery unwrap()يتم حذف العنصر الأب للعنصر المحدد.

في المثال التالي، يتم حذف العنصر الأب لجميع الفقرات:

$("button").click(function(){
　　$("p").unwrap();
});

jQuery حذف الخاصية - removeAttr()

jQuery removeAttr()يتم حذف الخاصية أو الخصائص من العنصر المحدد.

في المثال التالي، يتم حذف الخاصية href من جميع الروابط:

$("button").click(function(){
　　$("a").removeAttr("href");
});

لحذف عدة خصائص، استخدم مسافات لفصل أسماء الخصائص.

في المثال التالي، يتم حذف عدة خصائص من جميع الفقرات:

$("button").click(function(){
　　$("p").removeAttr("id class title");
});

مرجع HTML لـ jQuery

للحصول على مرجع كامل للطرق HTML، يرجى زيارةمرجع HTML / CSS لـ jQuery。