Jquery 是否在其他选项标记之间删除和添加选项？

我试图在选项2之后添加一些选项值，比如说我喜欢添加选项

<option value="2a">2a</option>
<option value="2b">2b</option>
<option value="2c">2c</option>

2a
2b
2c

我想删除选项2

 <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js">
    </script>

    <select  id="selectCity">
    <option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
    </select>

1.
2.
3.
4.

所以它变成了

    <select  id="selectCity">
    <option value="1">1</option>
 <option value="2a">2a</option>
    <option value="2b">2b</option>
    <option value="2c">2c</option>
<option value="3">3</option>
<option value="4">4</option>
    </select>

1.
2a
2b
2c
3.
4.

所以我试过了

$("#selectCity option[value='2']").remove();

newoptions = '<option value="2a">2a</option><option value="2b">2b</option<option value="2c">2c</option>';
$("#selectCity").append(newoptions);

$（“#选择城市选项[value='2']”）。删除（）；
newoptions='2a2b这似乎有效，请参见此

var elemToReplace=$（“#选择城市选项[value='2']”）；
新选项='2a2b2c'；
$（新选项）.insertBefore（elemToReplace）；
elemToReplace.remove（）；
这似乎有效，请参见此

var elemToReplace=$（“#选择城市选项[value='2']”）；
新选项='2a2b2c'；
$（新选项）.insertBefore（elemToReplace）；
elemToReplace.remove（）；
我错过了你要求更换的消息。在这种情况下，您不会使用insertBefore/insertAfter/或append。你只要用replaceWith就行了


var替换=[
“2a”，
“2b”，
“2c”
];
$（“#选择城市选项”）.filter（“[value=“2”]”）。replaceWith（替换）

1.
2.
3.
4.
我错过了你要求更换的消息。在这种情况下，您不会使用insertBefore/insertAfter/或append。你只要用replaceWith就行了


var替换=[
“2a”，
“2b”，
“2c”
];
$（“#选择城市选项”）.filter（“[value=“2”]”）。replaceWith（替换）

1.
2.
3.
4.

var elemToReplace = $("#selectCity option[value='2']");

newOptions = '<option value="2a">2a</option><option value="2b">2b</option><option value="2c">2c</option>';

$(newOptions).insertBefore(elemToReplace);

elemToReplace.remove();