最近遇到功能需要获取页面元素,这个一般我们只需要用jQuery的html()方法就可以,但是这个却不带元素本身,这样就无法满足需求,那么就需要自己做一个了,而获取这个元素自身HTML内容的方法要实现也不难。
点击获取我自身的HTML吧
$(document).ready(function(){
$(".aa").click(function(){
alert($("
").append($(this).clone()).html())
});
});
上面的例子就能实现这个功能,能获取包含自身元素的HTML代码了。不过经过一番搜索还是发现了个jQuery不错的插件。jQuery - OuterHTML,这个插件能实现这个功能也能改变自身元素,实现节点替换。
用法也很简单,如上面的例子只需要改成下面这个代码。
$(document).ready(function(){
$(".aa").click(function(){
alert($(this).outerHTML())
});
});
是不是方便很多,如果要把本身去掉更换内容也很简单。
$(document).ready(function(){
$(".aa").click(function(){
alert($(this).outerHTML('被删除了'))
});
});
这样本身就会被替换掉了,是不是方便很多,其实还有不少用法,这里也就不一一举例了。可以参考下官方的说明。