aspx:
<div id="a"></div>
js:
function a(){
var inn="<li id="qwe"><span >删除</span></li>";
document.getElementById("a").innerHTML += inn;
}
请问怎样能通过span删除按钮获取其所在的li的id呢?
js删除html标签
答案:3 悬赏:30 手机版
解决时间 2021-04-23 14:36
- 提问者网友:我是我
- 2021-04-22 15:53
最佳答案
- 五星知识达人网友:从此江山别
- 2021-04-22 16:31
用jquery
比如:你要删除的元素id为 delbtn
要移除该元素,这样调用即可:$("#delbtn").remove();
<div id="test">
<input type="text" id="ww" />
</div>
要删除div下的input 元素,可以这样:用jquery $("#delbtn").empty();
用js实现:document.getElementById("delbtn").innerHtml="";
比如:你要删除的元素id为 delbtn
要移除该元素,这样调用即可:$("#delbtn").remove();
<div id="test">
<input type="text" id="ww" />
</div>
要删除div下的input 元素,可以这样:用jquery $("#delbtn").empty();
用js实现:document.getElementById("delbtn").innerHtml="";
全部回答
- 1楼网友:鸽屿
- 2021-04-22 18:17
首先不知道你这是为了啥要这么干,然后使用jquery尽量给元素添加一些id或者 class,这样就可以直接操作目标元素了,就你上面的代码,可以这么干:
var $div = $('div').eq(0);//为了只找到第一个也就是最外面的那个,如果有id就可以直接选择了,所以说要加id or class
var $child = $div.children();//找到这个div的子集,也就是那一堆 123,456的div
var $remove = $child.filter(function(){//过滤下,返回true的才会被选择
return this.innerhtml === '345';//返回html为345的元素
});
$remove.remove();//删除元素,因为子集的div只有一个内容是345的最后提示你下,如果要学jquery,就多看api。
原生js的实现方式跟jquery的思路相同
- 2楼网友:杯酒困英雄
- 2021-04-22 17:23
function a(){<br>var inn="<li id="qwe"><span >删除</span></li>";<br>var div = document.getElementById("a")<br>div.innerHTML += inn;<br>// 查找span<br>var span = div.getElementsByTagName('span')[0];<br>// 添加click事件<br>span.onclick = function () {<br> // 查找li,也就是父元素<br> var li = this.parentNode;<br> // id属性<br> var id = li.id;<br> alert(id);<br>};<br>}
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯