[英]Get particular dropdown in a div using jQuery
我在一个div中有多个下拉菜单。 这是自动生成的。 我已经完成了这项工作。 但是我需要获得第n个下拉列表。 请帮我得到这个。
$('#show_label_categories')[1].find('select').each(function () {
});
<div id="show_label_categories">
<select name="search_category" class="form-control parent">
<option value="-1" selected="selected">-- Select --</option>
<option value="1">Tutorials</option>
<option value="2">Demos</option>
<option value="3">Entertainment</option>
<option value="4">Real Estate</option>
<option value="5">Web Development</option>
<option value="6">Browsers</option>
<option value="43">Laptop</option>
<option value="46">1</option>
</select>
<select name="search_category" class="form-control parent">
<option value="-1" selected="selected">-- Select --</option>
<option value="12">PHP demos</option>
<option value="13">jQuery demos</option>
</select>
<select name="search_category" class="form-control parent">
<option value="-1" selected="selected">-- Select --</option>
<option value="36">Good Demos</option>
</select>
</div>
您可以使用:eq(n)
选择器,因此对于第二个select
:
$('select:eq(1)');
n
是从零开始的索引。
将其着色为红色的示例:
$('#show_label_categories select:eq(1)').css('color', 'red'); alert('Length: ' + $('#show_label_categories select:eq(1)').length);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="show_label_categories"> <select name="search_category" class="form-control parent"> <option value="-1" selected="selected">-- Select --</option> <option value="1">Tutorials</option> <option value="2">Demos</option> <option value="3">Entertainment</option> <option value="4">Real Estate</option> <option value="5">Web Development</option> <option value="6">Browsers</option> <option value="43">Laptop</option> <option value="46">1</option> </select> <select name="search_category" class="form-control parent"> <option value="-1" selected="selected">-- Select --</option> <option value="12">PHP demos</option> <option value="13">jQuery demos</option> </select> <select name="search_category" class="form-control parent"> <option value="-1" selected="selected">-- Select --</option> <option value="36">Good Demos</option> </select> </div>
您可以使用
$("#show_label_categories").children("select:nth(1)");
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.