使用jQuery

Question

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

首选元素

<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并删除该类的最后一个元素。

＆＃13;

＆＃13;

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

＆＃13;

<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

＆＃13;

＆＃13;

＆＃13;

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>