如何使用jquery查找类并应用样式？

我有一个仅用css3制作的手风琴的例子，没有js

HTML:

我的问题是高度已经设置好了，我用php添加了内容，我不确定会有多少内容，所以我需要一个动态高度

php将加载p标记，以便我可以找到如下高度：

var v = $("#test_small").height();

// add the height to the .ac-small
$('.ac-container input:checked article.ac-small').css("height", v+'px');

---

我的问题是css不会应用于选择器，我相信选择器$'.ac容器输入：checked article.ac small'是错误的或其他什么。

您的选择器是错误的。请允许我向您解释选择器获取的内容：

$('.ac-container input:checked article.ac-small')

它将选择存在于元素ac容器元素内的选中输入中的类为ac small的元素

你不能在输入中包含元素

在css中，您右键编写了选择器：

.ac-container input:checked ~ article.ac-small{
    height: 140px;
}

---

你的选择器错了。请允许我向您解释选择器获取的内容：

$('.ac-container input:checked article.ac-small')

它将选择存在于元素ac容器元素内的选中输入中的类为ac small的元素

你不能在输入中包含元素

在css中，您右键编写了选择器：

.ac-container input:checked ~ article.ac-small{
    height: 140px;
}

您想使用~选择与该选择器匹配的下一个同级，而不是具有该选择器的子级：

$('.ac-container input:checked ~ article.ac-small')

你也可以这样写：

$('.ac-container').find('input:checked').siblings('article.ac-small')

或者更准确地说，对于下一个兄弟姐妹：

$('.ac-container').find('input:checked').nextAll('article.ac-small')

您想使用~选择与该选择器匹配的下一个同级，而不是具有该选择器的子级：

$('.ac-container input:checked ~ article.ac-small')

你也可以这样写：

$('.ac-container').find('input:checked').siblings('article.ac-small')

或者更准确地说，对于下一个兄弟姐妹：

$('.ac-container').find('input:checked').nextAll('article.ac-small')

你这么做

var v = $("#ac-small").height();

但是您没有任何id为ac small的元素。

您可以这样做

var v = $("#ac-small").height();

但是您没有任何id为ac small的元素。

试试看

$('.ac-container input:checked').parent('div').children('article.ac-small').css("height", v+'px');

试一试

第一: 您必须将id更改为类

var v = $(".ac-small").height();

第二： 如果要获得输入的同级，必须执行以下操作： 在容器中获取选中的输入，找到后获取它的文章同级，然后设置css

$('.ac-container').find('input:checked').siblings('article').css("height", v+'px');

第一: 您必须将id更改为类

var v = $(".ac-small").height();

第二： 如果要获得输入的同级，必须执行以下操作： 在容器中获取选中的输入，找到后获取它的文章同级，然后设置css

$('.ac-container').find('input:checked').siblings('article').css("height", v+'px');

---

你可以用一个选择器来写。我看到了杰夫b。我确实喜欢单选择器方法。我想我会给出另一种方法。只需要为输入ac-1添加点击事件，这样你就可以用一个选择器编写它了。我看到了jeff b。我确实喜欢单选择器方法。我想我会给出另一种方法。只需要为输入ac-1添加点击事件，依此类推