用js添加li并在li里添加一个删除按钮，点击按钮 就要删除这个li, 但是我想问 我点击按钮 怎么找到这个li?
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了用js添加li并在li里添加一个删除按钮，点击按钮 就要删除这个li, 但是我想问 我点击按钮 怎么找到这个li?相关的知识，希望对你有一定的参考价值。
如下图 ,我在删除按钮设置了个单击事件，但是我如何指定删除呢？ 总不能呢个乱删除吧， 求大神指点
用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>追问
额 老师只让用JS，而且我还没学过jquery表：（
追答jquery是js的库文件，最主要是简化了和增强了js的选择器。
参考技术A 可以给li指定一个id，删除方法传这个id本回答被提问者采纳
vue.js如何实现点击按钮动态添加li
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/vue.js" ></script>
</head>
<body>
<div id="todo-list-example">
<button v-on:click="ss">保存 </button>
<ul>
<li is="todo-item" v-for="(todo, index) in todos" v-text="sv" v-on:click="hh"></li>
</ul>
</div>
</body>
<script>
Vue.component(‘todo-item‘, {
template: `
<li v-on:click="$emit(‘click‘)">
{{ text }}
</li>`,
props: [‘text‘]
})
new Vue({
el: ‘#todo-list-example‘,
data: {
todos: [
‘+添加‘
],
sv:‘+添加‘
},
methods: {
ss: function() {
this.todos.push(this.sv)
},
hh:function(){
alert(1)
}
}
})
</script>
</html>
以上是关于用js添加li并在li里添加一个删除按钮，点击按钮 就要删除这个li, 但是我想问 我点击按钮 怎么找到这个li?的主要内容，如果未能解决你的问题，请参考以下文章