javascript - 根据父 w/jQuery 调整宽度

Question

我需要能够根据父类的宽度调整类的宽度。目前 .myClass 在 CSS 中指定了宽度。这样的事情会有效吗:

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

$(".myClass").width($(".myClass").parent().width());

这将应用于 <DIV>父级可能是 <TD>或另一个 <DIV> .

Answer 1

你所拥有的应该可以工作，但我可能会把它改成这样:

$(".myClass").css("width",$(".myClass").parent().css("width"));

您可以使用 this 而不是第二个 $(".myClass")，但您必须对其进行测试。

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

更新:

如果您要对父级宽度进行任何类型的计算，那么您应该坚持使用原来的方法。当您“按原样”应用样式时，我喜欢 css，但这是个人偏好。如果您要对父值进行任何类型的修改，则 width 可能更好。

来自宽度文档:

The .width() method is recommended when an element's width needs to be used in a mathematical calculation.