从 JQuery 对象创建 Javascript 对象

Question

目前我正在对以下代码进行单元测试：

if ($(selectedElement).innerText == 'blah')
{
    // do something
}

其中 selectedElement 是从 UI 中选择的锚对象。

在我的测试代码中，我创建了一个 DOM 结构，该结构的锚点位于适当的位置以供选择。这里的问题是，由于 selectedElement 本来是一个 javascript 对象，所以我需要将我从 DOM 结构（它是一个 JQuery 对象）中得到的锚转换为上述条件。

我尝试了以下方法，但没有成功：

// DOM structure using HtmlDoc
/*:DOC += <span id='testSpan' class='testSpanClass'><a href='#' id='selectedElem'>blah</a></span> */
selectedElement = $('#selectedElem')[0];

我的目标是能够使用普通的 Javascript 对象来满足条件，并且还能够将其切换回 jQuery 对象来满足函数后面的条件。但如果有更好的方法，我会试一试。

有人对如何解决这个问题有任何想法吗？

编辑：是否有不需要更改代码的解决方案？ selectedElement 实际上是一个全局变量。

谢谢。

Answer 1

我不确定您在测试什么浏览器，但innerText 是一个仅限 IE 的属性。由于您已经在使用 jQuery，我建议您只需在所选元素上调用 .text() 方法，如下所示：

selectedElement = $('#selectedElem')[0]; // Get DOM element

if ($(selectedElement).text() == 'blah')
{
    // do something
}

你获取 DOM 对象的方法很好： $('#selectedElem')[0] 或 $('#selectedElem').get(0) 是等价的，但第一个在大循环中更快.

Answer 2

jQuery 的 get 方法返回该 jQuery 对象的原始 DOM 元素。 我想也许你需要使用$('#selectedElem').get(0)

Answer 3

你可以使用 jquery 的 .html() 吗？

if ($(selectedElement).html() == 'blah')
{
    // do something
}

否则，无需更改代码：

var selectedElement = $('#selectedElem')[0];

if (selectedElement.innerHTML == 'blah')
{
    // do something
}