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

Question

I have a function called setColor() which creates an element and returns it as a jquery object. Now when I try to use the returned value ( which I get from v=setColor().get(0) ) if I append v by itself, it's fine, but when I use this :

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

I get [object HTMLInputElement] inserted instead. What am I doing wrong ?

Answer 1

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

Answer 2

You're trying to convert an element to a string in that context. Try this instead.

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() returns the jquery object. so either you need to use html() method or innerHTML

v.html() 

or 

v.innerHTML;

Answer 5

尝试

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