Question

我有一个名为tabs的主div容器（作为id），在这个我有另一个名为divContent的容器中，我有很多标签（如Chrome标签），这个标签都是id：tabs1，tabs2等..

这是结构：

<div id="tabs">
    <div id="divContent">
         <div id="tabs1"></div>
         <div id="tabs1"></div>
    </div>
</div>

是否可以设置divContent内所有标签的高度？

Answer 1

当然，只需选择它们并设置高度，例如：

$("#divContent > div").height(100);

Answer 2

将所有选定标签的高度设置为200px说

 $("divContent").children("div").css("height","200px");

Answer 3

看起来你有重复的ID。这一定是您无法根据ID定位它们的原因。 ID应该始终是唯一的。您可以使用相同的类（比如divtabs）然后使用类选择器来定位它们：

$('.divtabs').height(500);

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

$('#divContent > div').height(500);

如果您想要在模式tabs1，tabs2等中具有ID的元素，也可以使用属性启动选择器。：

$('#divContent  div[id^=tabs]').height(500);

Answer 4

Html - 在内部div中设置类 - id应该是唯一的

<div id="tabs">
    <div id="divContent">
         <div id="tabs1" class="in-tab">aaa</div> 
         <div id="tabs2" class="in-tab">bbb</div>
    </div>
</div>

jquery的：

$(document).ready(function() {
  var height = $("#tabs").height();
  alert(height)
  $(".in-tab").css("height",height+"px")
});

将div高度设置为所有孩子

4 个答案: