Question

我有一个数组$('#data')，我知道需要删除什么元素。我需要删除的元素是$('#data')[0][2]

$('#data')[0]是：

<select id="data" class="classOne" name="data">
  <option value="option1">option1</option>
  <option value="option2">option2</option>
</select>

制作$('#data')[0][2]（我需要删除的元素）<option value="option2">option2</option>

我尝试使用.pop()和delete $('#data')[0][2]，但两者都不起作用。如何删除该元素？

Answer 1

一种可能的解决方案是使用适当的选择器，例如使用nth-child()伪类和.remove() JQuery方法删除元素：

$(document).ready(function()
{
    $("#data option:nth-child(2)").remove();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select id="data" class="classOne" name="data">
  <option value="option1">option1</option>
  <option value="option2">option2</option>
</select>

或者，而不JQuery：

document.querySelector("#data option:nth-child(2)").remove();

<select id="data" class="classOne" name="data">
  <option value="option1">option1</option>
  <option value="option2">option2</option>
</select>

Answer 2

您也可以执行以下操作：

$('#data option').get(1).remove() // index 1

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="data" class="classOne" name="data">
  <option value="option1">option1</option>
  <option value="option2">option2</option>
</select>

删除标签数组中的一个元素

2 个答案: