html字符串转为jquery对象后,怎么转回html字符串呢 ?

一段html字符串转为jquery对象后,用jquery的val(' ') 方法清空里面的某一个input值后,怎么转回html标签呢 ?

https://img3.mukewang.com/5c77dae70001672607140204.jpg

点击 [+] 后 ,出现下面一个表单 ,但是 属性价格怎么清空呢 ? 难倒我了 。。。。。

https://img3.mukewang.com/5c77dae90001d2b807480131.jpg

我是先获取 点击按钮 所在的整个div 的 html标签加内容(变量为 : add_attr_html), 然后 通过 $(add_attr_html).find('td').next().find('input').val(''); 清空 “属性价格” 这个 input表单的 value ,然后打算转为html 字符串再 追加到页面,但是从 jquery 对象转 回去的时候卡住了 , 我用$(add_attr_html)[0] 试了一下,value 值还在,没有被清除掉。。。。。。


慕侠2389804
浏览 1601回答 1
1回答

holdtom

首先你要搞清楚两个问题:一是基础数据类型和复杂数据类型的区别,基础数据类型是按指存储,复杂数据类型是按地址(或者指针存储)。二是jquery的$()方法是什么意思:根据传入的内容返回一个jquery对象add_attr_html变量是一个基础数据类型:字符串。$(add_attr_html)是调用jquery方法生成的一个复杂数据类型:jquery对象。然后$(add_attr_html)可以使用jquery的方法,但这些方法是对$(add_attr_html)这个对象进行操作,不是对add_attr_html这个变量进行操作。所以你虽然使用.val()方法清空了input的值,但是add_attr_html字符串还是原来的样子,所以当你再次$(add_attr_html)的时候,其实是再一次调用的$()方法对add_attr_html字符串进行了jquery对象化操作,两个次的$(add_attr_html)完全不是同一个对象,所以value值还存在。解决方案一:用一个变量保存$(add_attr_html)就好var $tr = $(add_attr_html);//用一个变量保存这个对象$tr.find('input').val('');var _html = $tr.parent().html();解决方案二:你要处里这个需求其实你把问题复杂化了:复制一个当前节点,然后清空内容,添加到新的地方var $tr= $(this).parents('tr').clone(true);//克隆一个目标节点,参数true可以把事件特性一起克隆过来$tr.find('input').val('');$(this).parents('table').append($tr);看例子,demo
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript