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

Question

I have two select element and I need to remove last option from both select using jQuery.

First Select Element

<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

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

When I try this it only removes last option of second select element. Please guide me if I am doing anything wrong or there is other way to achieve this.

Answer 1

iterate .selBooks with loop and remove the last element of that class.

 $('.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

Try by 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

Use 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>