Question

我想找到带有“.div1”类的div-container，它包含一个值为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"，而不是val="x"，否则属性选择器将无法匹配任何内容，并且您的标记将无效。

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

带有一些约束的jQuery slideDown示例

2 个答案: