大佬教程收集整理的这篇文章主要介绍了Jquery – 使用某个类循环遍历每个div并根据其宽度应用新类,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个带下拉菜单的菜单,并希望根据下拉菜单的位置更改下拉菜单的位置以及下拉菜单的宽度,这是我到目前为止所得到的…
$(document).ready(function() { var subnavWidth = $('.sub-nav-wrapper').width(); if(subnavWidth > 900) { $('.sub-nav-wrapper').addClass('two-column-offers'); } else if (subnavWidth > 800) { $('.sub-nav-wrapper').addClass('one-column-offers'); } else if(subnavWidth > 600) { $('.sub-nav-wrapper').addClass('offers'); } else if(subnavWidth > 500) { $('.sub-nav-wrapper').addClass('two-column'); } else if(subnavWidth > 300) { $('.sub-nav-wrapper').addClass('one-column'); } });
但只考虑菜单中的第一个列表项,并将相关类应用于每个子导航.我希望它检查每个子导航的宽度而不仅仅是第一个,然后将该类应用于该特定的子导航.
我希望这是有道理的.
$(function() { $('.sub-nav-wrapper').each(function(i,elem) { var width = $(this).width(); if(width > 900) { $(elem).addClass('two-column-offers'); } else if (width > 800) { $(elem).addClass('one-column-offers'); } else if(width > 600) { $(elem).addClass('offers'); } else if(width > 500) { $(elem).addClass('two-column'); } else if(width > 300) { $(elem).addClass('one-column'); } }); });
以上是大佬教程为你收集整理的Jquery – 使用某个类循环遍历每个div并根据其宽度应用新类全部内容,希望文章能够帮你解决Jquery – 使用某个类循环遍历每个div并根据其宽度应用新类所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。