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

news/2024/7/24 12:15:22 标签: php 获取html标签对象

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

});

});

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


http://www.niftyadmin.cn/n/1252161.html

相关文章

如何优雅的实现一个九宫格抽奖

如何优雅的实现一个九宫格抽奖九宫格抽奖是在移动端常见开发功能点之一,那如何实现一个高度可复用的九宫格逻辑就显的特别重要了。接下来我们来分析下如何实现一个优雅的抽奖功能。功能分析image.png图片1实现功能:按照右图箭头的方向进行旋转。旋转到某…

VSCode 的这些黑科技 99% 的人都不知道

VSCode 已经成为大家常用的编码工具了,但是得益于它的插件生态机制,其实 VSCode 能覆盖的面远比你想象中的大得多,今天笔者就来介绍其中一些相当给力的使用场景。不只是 markdown首先介绍插件 markdown-preview-enhanced,它的核心…

matlab 函数返回一个值,matlab学习笔记13_1 函数返回值

一起来学matlab-matlab学习笔记13函数13_1 函数返回值觉得有用的话,欢迎一起讨论相互学习~Follow Me函数返回一个值返回值不必使用return语句,而是直接将需要返回的变量或矩阵写在function后面function 返回值/返回矩阵该函数文件名(参数1,参数2&#xf…

图像直方图提取 matlab,跪求:matlab 直方图特征值求图像间相似度的程序~

看看这个吧希望有帮助!clear allclose allclc%计算图像的梯度[I,map]imread(C:\Users\Administrator\Pictures\12345.jpg); %读入图像imshow(I,map); %显示原图像Idouble(I) %转换为double类型[Gx,Gy]gradient(I); …

真正能让效率翻倍的 VSCode 插件

VSCode的插件生态太繁荣了,常用的几乎所有需求都可以通过插件去解决,甚至会有非常多的娱乐插件.比如,用VSCode听歌用VSCode刷题当然,以上的插件我都没下载,纯属娱乐.VSCode插件推荐版本管理插件1、GitLens: 虽然VSCode内置了Git版本管理工具,但是依然不够强大,比如不能比较comm…

matlab subsindex函数,matlab - 没有为类“ struct”的值定义函数“ subsindex” - 堆栈内存溢出...

我正在使用matlab来解决经济学中的简单模型。 但是我遇到了一个错误没有为类“ struct”的值定义函数“ subsindex”当我运行最后一行代码时。omegamkt_share(Par,w,Grid);当我在到达最后一行之前在代码中反复调用此函数时,它似乎连接了我,它工作正常。 …

你可能不知道 JSON.stringify() 的这些妙用

1.用来调试对象我们先来看看下面这个代码在控制台中输出什么//Initialize a User object const user { "name" : "蔡生", "age" : 26 } console.log(user); // [object Object]看!console.log()没有输出我们想要的结果。它输出了[ob…

mysql创建服务器对象,使用navicat建立与服务器的远程mysql连接

这里举例服务器的ip:192.168.16.98;客户端的ip:192.168.61.201具体的机器的ip请对照更改即可附 mysql 重启的命令启动mysql命令:sudo /etc/init.d/mysql start停止mysql命令:sudo /etc/init.d/mysql stop重启mysql命令:sudo /etc/init.d/mysq…