计算具有多个组合框和特定选定值的div

时间:2017-06-21 02:34:23

标签: jquery combobox count

考虑以下HTML;

<body>
    <div>
        <select>
            <option value="a" selected>A</option>
            <option value="b">B</option>
        </select>
        <select>
            <option value="1">1</option>
            <option value="2" selected>2</option>
        </select>
    </div>
    <div>
        <select>
            <option value="a">A</option>
            <option value="b" selected>B</option>
        </select>
        <select>
            <option value="1">1</option>
            <option value="2" selected>2</option>
        </select>
    </div>
    <div>
        <select>
            <option value="a" selected>A</option>
            <option value="b">B</option>
        </select>
        <select>
            <option value="1" selected>1</option>
            <option value="2">2</option>
        </select>
    </div>
</body>

我想计算选择了选项值'a'且选择了选项值'1'的div(带有jquery)的数量

我已经尝试了以下内容;

$('div').find('option[value="a"]:selected option[value="1"]:selected').length

我正在寻找一个不使用'.each'

的选择器

提前致谢!

1 个答案:

答案 0 :(得分:0)

我认为这就是你要找的......

$('div').has('option[value="a"]:selected').has('option[value="1"]:selected').length;

检查它是否具有所需选项的两个选项。这基本上会占用所有div,然后过滤掉那些没有value="a"选项的内容,然后过滤掉那些没有value="1"的内容。