根据父w/jQuery调整宽度

san*_*nta 6 javascript css jquery

我需要能够根据父级的宽度调整类的宽度.目前.myClass在CSS中分配了宽度.会这样的工作:

.myClass {
    color: #000;
    width:100px;
}

$(".myClass").width($(".myClass").parent().width());
Run Code Online (Sandbox Code Playgroud)

这将适用于a <DIV>,父母可以是一个<TD>或另一个<DIV>.

Abe*_*ler 5

你有什么应该工作,但我可能会改为:

$(".myClass").css("width",$(".myClass").parent().css("width"));
Run Code Online (Sandbox Code Playgroud)

您可能可以使用this而不是第二个$(".myClass"),但您必须测试它.

请记住,它并没有改变类本身.它正在改变使用该类的任何元素的宽度.

更新:

如果您要使用父宽度进行任何类型的计算,那么您应该坚持使用原始方法.我喜欢css"按原样"应用样式,但这是个人偏好.如果您对父值进行任何类型的修改,那么width可能更好.

从宽度文档:

当需要在数学计算中使用元素的宽度时,建议使用.width()方法.