使用li的ID从ul中删除li

Hrishi 发表于 Dev

shi

我已经下拉选项在哪里。我想动态删除具有特定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();

但这并不能消除李

devpro

您必须检查浏览器控制台是否有错误，我认为您的代码中缺少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>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。