مسج:يمكنك الاختيار عن طريق CSS القاعدة وليس الفصل ؟
-
09-06-2019 - |
سؤال
أ .الحاويات يمكن أن تحتوي على العديد من .والمكونات .مكونات أنفسهم يمكن أن تحتوي على .حاويات (والتي بدورها يمكن أن تحتوي على .مكونات الخ..... الخ)
نظرا رمز مثل هذا:
$(".container .component").each(function(){
$(".container", this).css('border', '1px solid #f00');
});
ما تحتاج إلى إضافة إلى خط داخل الأقواس لتحديد فقط متداخلة .حاويات أن يكون العرض في CSS مجموعة 'السيارات'?أنا متأكد أنه شيء بسيط ، ولكن أنا لم تستخدم مسج كل ذلك بكثير.
المحلول
$(".container .component").each(function()
{
$(".container", this).each(function() {
if($(this).css('width') == 'auto')
{
$(this).css('border', '1px solid #f00');
}
});
});
على غرار غيرها من الإجابة ولكن منذ المكونات يمكن أن يكون أيضا حاويات متعددة, يحتاج أيضا .كل() تحقق هنا أيضا على العرض.
نصائح أخرى
قد ترغب في النظر في .filter()
.
شيء من هذا القبيل:
$('.container .component .container')
.filter(function() {return $(this).css('width') == 'auto';})
.css({border: '1px solid #f00'});
$(".container .component").each(function() {
if ($(".container", this).css('width') === "auto")
$(".container", this).css('border', '1px solid #f00');
});
لا تنتمي إلى StackOverflow