我有一个情况,我正在为一个wordpress网站设置一个移动主题。现在我想做的是,抓取"#content“div中的任何元素(p,div,etcc),并将css "width: 100%”应用于每个子元素。
我想这样做的原因是,如果有人为div设置了固定的宽度,我需要它覆盖该宽度并将其恢复为100%,以便在较小屏幕的移动设备上观看时不会被截断。
我想知道如何使用Jquery实现这一点。
我很感谢大家的帮助。谢谢
发布于 2011-06-30 23:03:46
这就是了:
$('#content > *').css('width', '100%');
你也可以在CSS中覆盖它:
#content > * {
width: 100% !important
}
!important
将确保覆盖所有(包括内联样式)定义。
发布于 2011-06-30 23:05:27
$("#content *").css("width","100%");
//所有内容#content
或
$("#content > *").css("width","100%");
//仅为#content的直接子项
发布于 2011-06-30 23:03:25
CSS:
#content > * { /* applies to all direct children of #content */
width: 100%;
}
如果你必须使用JavaScript/jQuery:
jQuery("#content > *").css("width", "100%");
https://stackoverflow.com/questions/6536797
复制相似问题