javascript - 删除标签数组中的元素

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()anddelete $('#data')[0][2]并且这两个都不起作用。如何删除该元素？

标签： javascriptjqueryhtmltags

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>