如何使用jquery删除列表元素

Question

如果我的下拉列表中包含两个列表元素，那么我想删除最上面的一个。我知道这段代码会删除元素$('#DeliveryOptionId option:nth-child(1)').remove();，但是如何在删除first.thanks之前计算项目。谢谢

 <select  id="DeliveryOptionId" name="DeliveryOptionId" class="valid">
    <option value="">Delivery options</option>
    <option value="1">Post article to me</option>
 </select>

Answer 1

如果您想知道选择中的项目数，请使用length：

var numberOfOptions = $('#DeliveryOptionId option').length;

Answer 2

使用$('#DeliveryOptionId option').length检查长度，然后删除。

if($('#DeliveryOptionId  option').length > 1) {
    $('#DeliveryOptionId option:nth-child(1)').remove();
}

Answer 3

$("#DeliveryOptionId option").length;

Answer 4

length返回选择器

找到的jQuery元素的数量

var nr = $('#DeliveryOptionId option').length;

如果要删除第一个选项，请使用：

$('#DeliveryOptionId option').first().remove();

或

$('#DeliveryOptionId option:first').remove();

如果你想删除最后一次使用last()（或:last）而不是first()（或:first）。