如何使用js删除当前的ul中的li节点,也就是点击哪个li节点删除哪个?谢谢!急!

JavaScript013

如何使用js删除当前的ul中的li节点,也就是点击哪个li节点删除哪个?谢谢!急!,第1张

<ul><li id="${id}" onclick="remove(${id})"></li><ul>

function remove(id){

//进行操作,完了删除节点

$("#"+id).remove()

}

用jquery库吧。

<ul id="abc">

    <li>abcdefg<input type="button" class="del"/></li>

    <li>abcdefg<input type="button" class="del"/></li>

    <li>abcdefg<input type="button" class="del"/></li>

</ul>

<script>

$(function(){

    $('#abc').on('click','.del',function(){

        $(this).closest('li').remove()

        return false

    })

})

</script>

var node = document.getElementById("key1") // 获取ul标签

var content = node.innerHTML // 获取ul的HTML内容,及众img和li标签

content = content.replace(/<i><\/i>/g, "") // 把i标签替换成空,即删除

node.innerHTML = content // 把删除后的HTML内容覆盖原内容

这是根据你的补充修改过的