用js添加li并在li里添加一个删除按钮,点击按钮 就要删除这个li, 但是我想问 我点击按钮 怎么找到这个li?

用js添加li并在li里添加一个删除按钮,点击按钮 就要删除这个li, 但是我想问 我点击按钮 怎么找到这个li?,第1张

用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>

html:

<input type="button" value="新增" id="add" />

<ul class="UL"></ul>

JQ:

$("#add").click(function(){

   var html ='<li><input type="text" value="请输入内容" /></li>'

    $(".UL").append(html)

})

function addli(ab)

{

var ul=document.getElementById("projecthome")

var obj=document.createElement("li")

obj.innerHTML=ab

ul.appendChild(obj)

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/7880384.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存