如何编写单元测试来声明jQuery元素的值

Question

我正在使用jQuery 1.4.1，这里是一个简单的代码。

buildCol1: function() { 
    var col = $('<select />', {className: 'col1' }).append($('<option />')); 
    return $('<td />').append(col); 
}, 

我正在使用qunit。在这种情况下，方法调用正在返回一个jQuery元素。由于我正在写测试，我应该有类似的东西

s = "<td><select class='col1'><option></option></select></td>" 

我不知道如何从jquery元素获得完全扩展的文本值。我相信我可以通过彻底治愈所有的孩子。但我希望有一种更简单的方法来对这种方法进行单元测试。

更新：

我贴我有一个想法，返回的元素上我可以检查类名和儿童的权数的问题后。基本上这就像检查返回的td以获得正确的值。

Answer 1

所以，你想获得一个纯jQuery选择的HTML源代码？解决方法是将其放入包含元素中并获取该元素的内部HTML：

var $myEl = $('<select />', {className: 'col1' }).append($('<option />')); 
var src = $("<div></div>").append($myEl).html();