jQuery使用下面两个方法来删除或是清空某个HTML元素。
remove() – 删除指定的元素(包括其子元素)
empty() – 清空指定元素的子元素
示例:remove 直接删除div1全部html包括自身
<script src=\"scripts/jquery-1.9.1.js\"></script>
<script>
$(document).ready(function () {
$(\"button\").click(function () {
$(\"#div1\").remove();
});
});
</script>
<div id=\"div1\"> This is some text in the div. </div>
<button>Remove div element</button>
示例:empty()
<script src=\"scripts/jquery-1.9.1.js\"></script>
<script>
$(document).ready(function () {
$(\"button\").click(function () {
$(\"#div1\").empty();
});
});
</script>
<div id=\"div1\"> This is some text in the div. </div>
<button>Remove div element</button>
jQuery的remove()方法也支持一个参数,可以用于过滤一些需要删除的HTML元素。这个参数可以为任何有效的jQuery selector.
比如下面代码只删除class=”italic”的<p>元素:
$(\"p\").remove(\".italic\");