JS/Jquery 中移除子元素的问题

版权声明：UU小七 ：转载请标注哦！^v^ https://blog.csdn.net/qq_36474549/article/details/84235524

1.前端样式：

			<p id="p1" class="card-description">
				<code>商品信息</code>
				<span id="spanInfo" style="margin-left: 30%">

                //这里通过 js 向span 元素动态添加子标签元素 a

			    </span>
			</p>

2.清空子元素a：

$('#spanInfo a').empty();

// 注意： 使用这种方法虽然能够清空子元素，但在浏览器中依然会保持该 a 元素的样式
//       下一次的动态添加时，样式会自动加上一次元素样式，造成元素的样式杂乱

3.清空并删除子元素a:

  $('#spanInfo').children().filter("a").remove();
  //彻底删除 a 元素，包括其样式