使用jQuery从多个选择元素中删除最后一个选项值

Question

我有两个选择元素，我需要使用jQuery从两个选择中删除最后一个选项。

首选元素

<select class="selBooks" name="select1" >
  <option value="8247(random)">Opt2</option>
  <option value="1939(random)">Opt1</option>
</select>

第二选择元素

<select class="selBooks" name="select2" >
  <option value="8244(random)">Opt3</option>
  <option value="1938(random)">Opt4</option>
</select>

jQuery的

$(".selBooks option:last").remove();

当我尝试这样做时，它只会删除第二个选择元素的最后一个选项。 如果我做错了任何事情，或者有其他方法可以解决这个问题，请指导我。

Answer 1

使用循环迭代.selBooks并删除该类的最后一个元素。

 $('.selBooks').each(function() { $(this).find("option:last").remove(); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select class="selBooks" name="select1" > <option value="8247(random)">Opt2</option> <option value="1939(random)">Opt1</option> </select> Second Select Element <select class="selBooks" name="select2" > <option value="8244(random)">Opt3</option> <option value="1938(random)">Opt4</option> </select> jQuery 

Answer 2

按name尝试

  $(".selBooks[name=select1] option:last").remove(); $(".selBooks[name=select2] option:last").remove(); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select class="selBooks" name="select1" > <option value="8247(random)">Opt2</option> <option value="1939(random)">Opt1</option> </select> Second Select Element <select class="selBooks" name="select2" > <option value="8244(random)">Opt3</option> <option value="1938(random)">Opt4</option> </select> 

Answer 3

使用last-child 。

 $('.selBooks option:last-child').remove(); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select class="selBooks" name="select1"> <option value="8247(random)">Opt2</option> <option value="1939(random)">Opt1</option> </select> <select class="selBooks" name="select2"> <option value="8244(random)">Opt3</option> <option value="1938(random)">Opt4</option> </select>