jquery对象get（）返回[object HTMLInputElement]

Question

我有一个名为setColor（）的函数，它创建一个元素并将其作为jquery对象返回。现在，当我尝试使用返回的值（我从v=setColor().get(0)得到）时，如果我自己附加v，那很好，但是当我使用它时：

props.append('<li><span>'+this+'</span> : <span class="property ">'+ v +'</span> </li>');

我会插入[object HTMLInputElement]。我做错了什么？

Answer 1

v.html（）将返回jQuery对象的内部html

Answer 2

您正尝试将元素转换为该上下文中的字符串。试试这个。

props.append('<li><span></span> : <span class="property"></span></li>');
props.find('span').eq(0).append(this);
props.find('.property').append(v);

Answer 3

.append()可以接受htmlString或Element或jQuery中的任何一种，但不能同时使用它们的组合。

Answer 4

Get（）返回jquery对象。 所以你需要使用html（）方法或innerHTML

v.html() 

or 

v.innerHTML;

Answer 5

尝试

$('<li><span>' + this + '</span> :  </li>').append($('<span class="property "></span>').append(v)).appendTo(props)