我有一个名为 setColor() 的函数,它创建一个元素并将其作为 jquery 对象返回。现在,当我尝试使用返回的值(我从中获取v=setColor().get(0)
)时,如果我自己追加v
,那很好,但是当我使用它时:
props.append('<li><span>'+this+'</span> : <span class="property ">'+ v +'</span> </li>');
我被[object HTMLInputElement]
插入了。我究竟做错了什么 ?
我有一个名为 setColor() 的函数,它创建一个元素并将其作为 jquery 对象返回。现在,当我尝试使用返回的值(我从中获取v=setColor().get(0)
)时,如果我自己追加v
,那很好,但是当我使用它时:
props.append('<li><span>'+this+'</span> : <span class="property ">'+ v +'</span> </li>');
我被[object HTMLInputElement]
插入了。我究竟做错了什么 ?
v.html() 将返回 jQuery 对象的内部 html
您正在尝试在该上下文中将元素转换为字符串。试试这个。
props.append('<li><span></span> : <span class="property"></span></li>');
props.find('span').eq(0).append(this);
props.find('.property').append(v);
.append()
可以接受任何一个htmlString
orElement
或jQuery
但不能同时使用它们的组合。
Get() 返回 jquery 对象。所以要么你需要使用 html() 方法或 innerHTML
v.html()
or
v.innerHTML;
尝试
$('<li><span>' + this + '</span> : </li>').append($('<span class="property "></span>').append(v)).appendTo(props)