php 获取html标签对象,jQuery 获取节点对象元素包含自身HTML内容、替换节点对象元素(jQuery - OuterHTML)...

最近遇到功能需要获取页面元素,这个一般我们只需要用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('被删除了'))

});

});

这样本身就会被替换掉了,是不是方便很多,其实还有不少用法,这里也就不一一举例了。可以参考下官方的说明。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值