javascript - selectboxに特定のクラスのオプションが含まれているかどうかを確認するにはどうすればよいですか？

Question

jQueryで、選択ボックスに特定のクラスが含まれているかどうかを確認するにはどうすればよいですか？たとえば、以下のコードスニペットでは、IDが「customerIds」の選択ボックスにクラス「C」または「D」のオプションが含まれているかどうかを確認したいと思います。

<select id="customerIds" onchange="doOperation()">
    <option value="default"> Start..</option>
    <option value="1" class="A"> 1</option>
    <option value="2" class="B"> 2</option>
    <option value="3" class="C"> 3 </option>
</select>

Answer 1

たとえば、を使用できます:has。

var hasOption = !!$("#customerIds:has(option.C,option.D)").length;

または.children()同様に、それはより速いことが証明されるかもしれません。

var hasOption = !!$("#customerIds").children("option.C,option.D").length;

var hasOption = !!$("#customerIds > option.C,option.D").length;

Answer 2

hasClass()メソッドを使用します：http： //api.jquery.com/hasClass/

例えば：

$("#customerIds").find("option").hasClass("A");

Answer 3

できるよ：

if($("#customerIds option[class='C']").length > 0) {
    //do something
}

Answer 4

どうですか：

if ($('#customerIds > .C').length > 0 || $('#customerIds > .D').length > 0) {
    // ...
}

または、より柔軟で最適化可能なもの

var selectBox = $('#customerIds');

if (selectBox.find('.C').length > 0 || selectBox.find('.D').length > 0) {
    // ...
}