تحديد موقع العناصر بألوان خلفية محددة

عند التعامل مع مجموعة من الامتدادات داخل div، قد يكون الهدف هو عزل العناصر ذات لون خلفية معين. في حين أن محدد [attribute=value] قد يبدو بديهيًا، إلا أنه يثبت عدم فعاليته في استخراج العناصر بناءً على لون الخلفية، حيث تفتقر الامتدادات إلى سمة بهذا الاسم.

بدلاً من ذلك، فكر في محدد CSS $('div#) someDiv تمتد '). يؤدي هذا إلى تحديد كافة الامتدادات ضمن القسم المعين. لتحسين التحديد، يمكننا استخدام الدالة filter():

$('div#someDiv span').filter(function() {
    var match = 'rgb(0, 0, 0)'; // Match black background-color
    return ( $(this).css('background-color') == match );
});

يعزل هذا الكود الامتدادات بخلفية سوداء، مما يسمح بعمليات لاحقة، مثل تغيير لونها:

$('div#someDiv span').filter(function() {...}).css('background-color', 'green');