如何在Javascript HTMLDocument对象上应用JQuery函数

Question

我正面临着一个JavaScript HTMLDocument＆amp; JQuery相关的问题。

我的HTML页面中有以下div：

<div id="description21" class="comment1">

</div>

当我应用JQuery库函数时，它工作正常：

$('.comment1').readmore({speed: 500});

但实际问题是，我正在尝试对HTMLDocument对象执行此操作。

我在JS中有一个包含html的字符串对象，我将其转换为HTMLDocument

var parser = new DOMParser();
var doc = parser.parseFromString(data, "text/html");

之后我发现包含类名'comment1'：

var commentDiv = doc.getElementsByClassName('comment1');

然后，我想将上面提到的相同Jquery方法应用于这个div：

$(commentDiv[0]).readmore({speed: 500});

但是，当我检查我的HTML时，更改没有得到应用。

alert(doc.documentElement.innerHTML);

如何将jQuery函数应用于HTMLDocumentelement？

提前致谢。