js中怎么删除一个标签及其标签下的所有内容?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中怎么删除一个标签及其标签下的所有内容?相关的知识,希望对你有一定的参考价值。

<ul class="list2" id="dy" >
<li id="xh1">
<img alt="" src="Logo/aaa.jpg" />
<h3><a>aaaaa</a></h3>
<p>aaa111</p>
</li>
<li id="xh2">
<img alt="" src="Logo/aa.jpg" />
<h3><a>bbbbb</a></h3>
<p>bbb111</p>
</li>
</ul>
怎么用代码删除后变成一下效果!
<ul class="list2" id="dy" >
<li id="xh1">
<img alt="" src="Logo/aaa.jpg" />
<h3><a>aaaaa</a></h3>
<p>aaa111</p>
</li>
</ul>

直接将标签jquery的remove()方法即可,其下面的内容也就同时移除了。

remove() 方法移除被选元素,包括所有文本和子节点。

该方法不会把匹配的元素从 jQuery 对象中删除,因而可以在将来再使用这些匹配的元素。

语法:

$(selector).remove()

例如:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
  $("button").click(function()
    $("p").remove();
  );
);
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>删除所有 p 元素</button>
</body>
</html>

参考技术A var elem=document.getElementById('xh2'); // 按 id 获取要删除的元素
elem.parentNode.removeChild(elem); // 让 “要删除的元素” 的 “父元素” 删除 “要删除的元素”

本回答被提问者和网友采纳

jquery怎么获取当前标签下的子标签

1、查找子元素方式1:>\x0d\x0a例如:var aNods = $("ul > a");查找ul下的所有a标签\x0d\x0a2、查找子元素方式2:children()\x0d\x0a3、查找子元素方式3:find()\x0d\x0a\x0d\x0a通过下标获取第n个子标签的ID值\x0d\x0a\x0d\x0a1.var num1=$("ul > a:eq(0)").attr("ID");\x0d\x0a2.var num2=$("ul").children("a:eq(0)").attr("ID");\x0d\x0a3.var num3=$("ul").find("a:eq(0)").attr("ID"); 参考技术A 1、查找子元素方式1:>
例如:var aNods = $("ul > a");查找ul下的所有a标签
2、查找子元素方式2:children()
3、查找子元素方式3:find()

通过下标获取第n个子标签的ID值

1.var num1=$("ul > a:eq(0)").attr("ID");
2.var num2=$("ul").children("a:eq(0)").attr("ID");
3.var num3=$("ul").find("a:eq(0)").attr("ID");本回答被提问者和网友采纳
参考技术B $(document.body).children() 获取body元素的直接子标签

参考技术C

html

获取值并弹出

以上是关于js中怎么删除一个标签及其标签下的所有内容?的主要内容,如果未能解决你的问题,请参考以下文章

Python怎样获取XPath下的A标签的内容

js问题:怎么删除指定内容的a标签

除了某些指定的内容之外,如何删除PHP中包含内容的所有标记?

js或者jQuery怎样得到指定div下的指定a标签

js删除某个html标签下的某个子标签

如何用js获取div下的A标签,并自动点击超链接