html字符串转为jquery对象后，怎么转回html字符串呢 ？

Question

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

Answer 1

首先你要搞清楚两个问题：

一是基础数据类型和复杂数据类型的区别，基础数据类型是按指存储，复杂数据类型是按地址（或者指针存储）。

二是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