使用 li 的 id 从 ul 中删除 li

Question

我有下拉选项在 li 中。我想动态删除具有特定 id 的 li。结构如下

<ul class="es-list" style="top: 305.483px; left: 191.25px; width: 194px; display: block;">

    <li id="from_7" class="" value="7" style="display: block;">Adelaide</li>
    <li id="from_1" class="" value="1" style="display: block;">Alexandria</li>
    <li id="from_17" class="" value="17" style="display: block;">Antwerp</li>
    <li id="from_19" value="19" style="display: block;">Aqaba</li>

我试过

$('#from_7').remove();

但它并没有删除 li

Answer 1

您必须检查浏览器控制台是否有错误，我认为您的代码中缺少 jQuery 库文件。

$(document).ready(function(){
    $('#from_7').remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="es-list" style="top: 305.483px; left: 191.25px; width: 194px; display: block;">

<li id="from_7" class="" value="7" style="display: block;">Adelaide</li>
<li id="from_1" class="" value="1" style="display: block;">Alexandria</li>
<li id="from_17" class="" value="17" style="display: block;">Antwerp</li>
<li id="from_19" value="19" style="display: block;">Aqaba</li>
</ul>