jquery - 带有一些约束的 jQuery slideDown 示例

Question

我想找到类“.div1”的 div 容器，其中包含一个值为 100 的单选按钮，并且该容器应该是 slideDown()。

以下命令不起作用：

$('.div1 :input[value="100"]').slideDown();

HTML结构看起来：

<div class="div1">
    <span>some text div1</span>
    <span>
        <input class="ca" type="radio" name="hello" val="100">
        <input class="ca" type="radio" name="hello" val="200">    
    </span>
</div>

<div class ="div2">
    <span>some text div2</span>
    <span>
        <input type="radio" name="hi" val="300" class="cb">
        <input type="radio" name="hi" val="400" class="cb">
    </span>
</div>

这就是CSS：

.div1,.div2 {
    display: none;
}

Answer 1

因为您使用的选择器是.div1 :input[value="100"]. 它选择了input你value=100不想.div1向下滑动的那个。

因此，您需要向上移动.div1（父级）以将其向下滑动。

$(':input[val="100"]').parents('.div1').slideDown();

Answer 2

您还需要value="x"在标记中使用 not val="x"，否则属性选择器将不匹配任何内容，并且您的标记将无效。

<input class="ca" type="radio" name="hello" value="100" />