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

Question

我在jsfiddle中有这个例子只用 css3 制作的 Accordion ，没有 js。

HTML:

<div class="ac-container">
    <div>
        <input id="ac-1" name="accordion-1" type="radio" checked />
        <label for="ac-1">About us</label>
        <article class="ac-small">
            <p id="test_small">test</p> <-- this tag will come from php
        </article>
    </div>
    <div>
        <input id="ac-2" name="accordion-1" type="radio" />
        <label for="ac-2">How we work</label>
        <article class="ac-medium">
            <p id="test_medium">test</p>
        </article>
    </div>
</div>​

CSS:

.ac-container input:checked ~ article.ac-small{
    height: 140px;
}
.ac-container input:checked ~ article.ac-medium{
    height: 180px;
}
.ac-container input:checked ~ article.ac-large{
   /* height: 240px;*/
}

我遇到的问题是高度已经设置，我用 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-container input:checkedarticle.ac-small')是错误的或者其他什么.

Answer 1

尝试

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