jquery获取节点内容之html与contents

最新推荐文章于 2021-06-08 10:38:08 发布
最新推荐文章于 2021-06-08 10:38:08 发布
阅读量2.2k 收藏
点赞数
分类专栏： html/css/js jquery html/css/js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shuifa2008/article/details/12714235
版权

table的内容通过动态的方式添加，其中包括input框，根据select框的选择ajax展示不同的内容

想通过缓存来保存select切换之前的整个表格数据，于是使用$().html()的方式，可是有个问题就是输入input框的内容没有获取到

如

期望值里的内容没有被复制

改用$().contents()，搞定


参考：http://api.jquery.com/contents/, http://api.jquery.com/html/

shuifa2008
关注
专栏目录
jQuery的结点操作 （超详细）
Here_ss的博客
11-04 922
学不积硅步，无以至千里 结点操作 查找元素结点 使用 jQuery 中的选择器用法即可完成查找元素节点的功能，相对于 DOM 中的查找元素节点 jQuery 选择器的方式更便捷。 var $li = $('ul li:eq(2)'); 查找文本节点 通过 jQuery 的选择器查找到元素节点后，可以利用 text() 方法获取其文本节点的文本内容。text()方法的用法类似于 DOM 中的 textContent 属性。 console.log($('p').text()); 查找属性结点 通过 j.
jquery html包含自身,jquery 获取 outerHtml 包含当前节点本身的代码
weixin_42562079的博客
06-16 626
jquery 获取 outerHtml 包含当前节点本身的代码在开发过程中，jQuery.html() 是获取当前节点下的html代码，并不包含当前节点本身的代码，然后我们有时候确需要，找遍jQuery api文档也没有任何方法可以拿到。看到有的人通过parent().html()，如果当前元素没有兄弟元素还行，如果有那就行不通了。后来实验发现有一个jQuery的一个方法可以解决，而且非常简便，如...
通过jquery获取当前的html节点
Chopper的小窝
12-29 1060
今天在做项目的时候需要判断next获取下一个节点是否是br，但是用next之后就是一个当前节点，看网上有通过parent().html()就是获取的父节点下的所有元素，但是我这边需要的节点有很多个兄弟元素，这个方法行不通。后来发现有个jQuery可以解决。 jQuery.attr("outerHTML"); (ps:由于我这边用的是1.3.2的jQuery版本，所以用attr，如果是1.6以上就
JQuery获取节点的html代码
zsg88的专栏
03-31 5132
一：jQuery.html() 是获取当前节点下的html代码，并不包含当前节点本身的代码。 二：然而我们有时候确需要包含当前节点的html代码。有的人通过parent().html()，如果当前元素没有兄弟元素还行，如果有那就行不通了。下面这个jQuery的方法可以解决，而且非常简便，如下：jQuery.prop("outerHTML"); hello，你好！ $(".te
jquery 获取自身html
weixin_33981932的博客
07-19 176
$("#id").eq(0); 转载于:https://www.cnblogs.com/xuedong09/p/3200664.html
怎么获取html的某个元素,jquery怎么获取html元素的内容？
weixin_35511854的博客
06-07 1083
jquery获取html元素内容的方法：1、使用html()，可返回被选元素的内容，语法“$(selector).html()”；2、使用text()，可返回被选元素的文本内容，语法“$(selector).text()”。【相关推荐：jQuery视频教程】1、html()：返回原始HTML文档、但是在IE中可能存在兼容性，具体如下原理：使用innerHTML()Document我是一个p元素你好...
jQuery获取节点和子节点文本的方法
10-25
本节内容将详细探讨如何使用jQuery获取节点以及子节点的文本内容，并提供一些实用的示例来帮助理解这些方法的应用。 首先，要理解的是在HTML文档中，每一个元素都可以被看作是一个节点，每个节点可以有多种类型，...
jQuery遍历DOM元素与节点方法详解
10-22
以下是对jQuery遍历DOM元素与节点方法的详细解释： **一、向上遍历（祖先元素）** 1. `$(selector).parent([filter])`：返回匹配的元素的直接父元素。如果提供了过滤器`filter`，则只返回符合该过滤条件的父元素。...
html 获取下一个兄弟节点,JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法...
weixin_35079144的博客
06-07 2181
$(function(){//遍历获取的input元素对象数组，绑定click事件var len = $("input[type='file']").length;for(var i = ; i < len; i++){$("input[type='file']").eq(i).click(function(){$(this).next().val("");$(this).next().hi...
jquery 获取本节点html,jQuery获取文本节点之 text()/val()/html() 方法区别
weixin_39926394的博客
06-08 169
在jquery中val,text,html都能取到值,或加一个参数来赋值,那么它们有些什么区别?下面我们来举例说明：首先，html属性中有两个方法，一个有参，一个无参1. 无参html()：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档，返回的是一个String例子：html页面代码：Hellojquery代码：$("div").html();结果：Hell...
jQuery获取标签文本内容和html内容的方法
12-12
本文实例讲述了jQuery获取标签文本内容和html内容的方法。分享给大家供大家参考。具体分析如下： jQuery可以通过text和html方法获取指定标签的文本内容或者html内容 <!DOCTYPE html> <html> <head> [removed] [removed] [removed] $(document).ready(function(){ $("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); $("#btn2").click(func
jquery HTML--获取(text(), html(), val() 获取内容 )
一心不安
11-26 1935
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt;     &lt;meta charset="UTF-8"&gt;     &lt;title&gt;&lt;/title&gt;     &lt;script src="jquery/jquery-3.3.1.min.js"&a
jquery 获取本身HTML
尹子昊专栏
08-21 2645
jQuery获取自身HTML 点击获取我自身的HTML吧 $(document).ready(function(){ $(".aa").click(function(){alert($("").append($(this).clone()).html())}); }); 原理：创建一个匿名Object，然后将自身加入其中，再取出匿名Object的
jQuery设置和获取HTML、文本和值
hong2511的博客
07-17 821
&lt;script type="text/javascript"&gt; //&lt;![CDATA[ $(function(){ //获取&lt;p&gt;元素的HTML代码
jquery获取html包括当前本身
张虹旺的博客
07-26 4917
html <div id="parameter" name="parameter"> <div class="form-group"> <label class="control-label col-xs-12 col-sm-3 no-padding-right">方法参数:</label> <div class="col-xs-12
06 jquery 获取元素的内容-html()-val()-text()
bigzql的博客
09-19 9233
获取元素的内容 作者：曾庆林 html()方法 Html():获取匹配元素集合中第一个元素的HTML内容 html(htmlstring) 设置匹配元素中的HTML内容 //很少用，几乎大部分的jquery方法都可以用这样的回掉函数形式 html(function(index,hmtl))：根据传递的函数来设置匹配元素集合中每个元素的HTML内容并返回jQuery对象。 text()方法 text():获取匹配元素中的文本 text(string):设置元素的文本 注意：html（） 和 text
【jquery】jquery获取html标签li中的value问题
北平～
05-19 2589
html: <li class="one" value="0123"></li> js: var organizationID= $(".one").val(); alert(organizationID); //此结果为123 var organizationID= $(".one").attr("value"); alert(organizationID); //...
jQuery用contents方法取非DOM节点中的文本内容
liwei2633的专栏
04-23 895
现在有以下HTML代码，要取出DIV中非p标签的文本 aaaaa iiii bbbbb $("div").contents().each(function(){ if(this.nodeType==3){ console.log($(this).text()); } }); 输出结果如下，不会包含p标签中的文本内容 aaaa bbbb
Jquery的.contents()和.end()方法
极客神殿
03-12 709
.contents() 返回: jQuery 描述: 获得匹配元素集合中每个元素的子元素，包括文字和注释节点。 给定一个jQuery对象，表示一个DOM元素的集合，.contents()方法允许我们通过DOM树中查找集合中的直接子元素，并根据匹配的元素创建一个新的 jQuery 对象。.contents()和.children()方法类似，只不过前者包括文本节点和注释节点，以及jQuery对象...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值