JQuery选择没有选项的所有选择

时间:2017-02-10 14:18:56

标签: jquery select

使用JQuery如何选择所有public static readonly DependencyProperty TextProperty = DependencyProperty.Register(nameof(Text), typeof(string), typeof(ScratchPad), new PropertyMetadata(null, OnTextChanged)); private static void OnTextChanged(DependencyObject d, DependencyPropertyChangedEventArgs e) { // Handle change here } 个没有<select>个孩子的项目。

我尝试了<option>但没有效果。

3 个答案:

答案 0 :(得分:1)

您可以将:not:has选择器一起使用:

$(".MySelectsClass:not(:has(option)))

答案 1 :(得分:1)

您可以使用$('.MySelectsClass:empty').addClass('foo');选择器:

&#13;
&#13;
.foo {
  border: 1px solid red;
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="MySelectsClass"></select>
<select class="MySelectsClass">
  <option>Not empty!</option>
</select>
<select class="MySelectsClass"></select>
&#13;
tot.setText(total.toString);
&#13;
&#13;
&#13;

答案 2 :(得分:0)

您始终可以使用filter来应用任意过滤器,例如在这种情况下:

&#13;
&#13;
console.log($("select").length);

var emptyselects = $("select").filter(function(i) {
        return $(this).find("option").length === 0;
    });
console.log(emptyselects.length);
console.log(emptyselects.attr("id"));
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="s1">
</select>
<select id="s2">
<option>a</option>
</select>
&#13;
&#13;
&#13;