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

【问题标题】：Deleting a an element in an array of tags删除标签数组中的一个元素
【发布时间】：2019-06-25 15:20:08
【问题描述】：

我有一个数组$('#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]，但它们都不起作用。如何删除该元素？

【问题讨论】：

你检查过这个了吗？ stackoverflow.com/questions/2424468/… 看起来和你的问题非常相似。

标签： javascript jquery html tags

【解决方案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>

【讨论】：

【解决方案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>

【讨论】：