:has()
selector
可用于瞄准
SELECT
为了
:selected
selector
选择的选项。
选择至少包含一个与指定选择器匹配的元素的元素。
var selects = $('select:has(option:selected[value="' + $(e.currentTarget).attr('name') + '"])');
var v = 1;
var selects = $('select:has(option:selected[value="' + v + '"])')
selects.css('color', 'green')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
<option value="0">0</option>
<option value="1">1</option>
</select>
<select>
<option value="2">2</option>
</select>
<select>
<option value="0">0</option>
<option value="1" selected>1</option>
</select>
或者,使用
.filter()
var selects = $('select').filter(function() {
return $(this).val() == $(e.currentTarget).attr('name');
});
var v = 1;
var selects = $('select').filter(function() {
return $(this).val() == 1;
});
selects.css('color', 'green')
<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script>
<选择>
<option value=“0”>0</选项>
<option value=“1”>1</选项>
</选择>
<选择>
<option value=“2”>2</选项>
</选择>
<选择>
<option value=“0”>0</选项>
<option value=“1”选定>1</选项>
</选择>
