当value属性为>时,我需要隐藏所有选项23
<select id="category_ids" class="cat-search-pb" multiple >
<option value="20">Condo for Sale</option>
<option value="24"> - Jomtien</option>
<option value="25"> - Bang Saray</option>
<option value="21">Condo for Rent</option>
<option value="22">House for Sale</option>
<option value="23">House for Rent</option>
<option value="14">Land</option>
<option value="15">Commercial</option>
<option value="18">New Condo Projects</option>
<option value="19">New House Projects</option>
</select>
但是这段代码不起作用:
$(document).ready(function () {
$(".cat-search-pb option[value>23]").closest('option').hide();
});
谢谢你的想法!
解决方法
您可以在具有value属性的选项上使用
jquery filter() – 请参阅下面的演示:
$(document).ready(function() {
$(".cat-search-pb option[value]").filter(function() {
return +$(this).val() > 23;
}).hide();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="category_ids" class="cat-search-pb" multiple> <option value="20">Condo for Sale</option> <option value="24"> - Jomtien</option> <option value="25"> - Bang Saray</option> <option value="21">Condo for Rent</option> <option value="22">House for Sale</option> <option value="23">House for Rent</option> <option value="14">Land</option> <option value="15">Commercial</option> <option value="18">New Condo Projects</option> <option value="19">New House Projects</option> </select>