首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将div高度设置为所有孩子

将div高度设置为所有孩子
EN

Stack Overflow用户
提问于 2016-07-25 17:45:59
回答 4查看 48关注 0票数 1

我有一个叫做tabs (as id)的主目录容器,在这个里面还有一个叫做divContent的容器,里面有很多标签(比如Chrome标签),这些标签都是id : tabs1,tabs2等。

结构是这样的:

代码语言:javascript
运行
复制
<div id="tabs">
    <div id="divContent">
         <div id="tabs1"></div>
         <div id="tabs1"></div>
    </div>
</div>

是否可以在divContent中设置所有选项卡的高度

EN

回答 4

Stack Overflow用户

发布于 2016-07-25 17:47:12

当然,只需选择它们并设置高度,例如:

代码语言:javascript
运行
复制
$("#divContent > div").height(100);
票数 1
EN

Stack Overflow用户

发布于 2016-07-25 17:47:45

将所有选定选项卡的高度设置为200px

代码语言:javascript
运行
复制
 $("divContent").children("div").css("height","200px");
票数 0
EN

Stack Overflow用户

发布于 2016-07-25 17:47:58

看起来你有重复的身份证。这一定是你不能根据ID来定位他们的原因。ID应该始终是unique.You,可以使用相同的类(比如divtabs),然后使用类选择器将其作为目标:

代码语言:javascript
运行
复制
$('.divtabs').height(500);

您可以使用立即子选择器来定位#divContent div中的直接子div元素:

代码语言:javascript
运行
复制
$('#divContent > div').height(500);

此外,如果您想要以模式tabs1、tabs2...etc中具有in的元素为目标,则可以使用带有选择器的属性开始。:

代码语言:javascript
运行
复制
$('#divContent  div[id^=tabs]').height(500);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38564465

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档