javascript - 将字符串转换为 jquery 对象并从中提取数据

Question

我有以下代码

HTML

<span id = 'testlabel'></span>

JS

var test = '<tr style="display:none" class="projinfo">test<br/>test</tr>' +   
'<tr><td column="Type"><b>Project</b></td><tr>';

 var dom = $(test).filter('.projinfo');

 var content = dom.length > 0 ? dom[0].innerHTML:'No data';

$('#testlabel').text('Content is ' + content);

jsfiddle

在 Chrome 中，我期望 jsfiddle 的结果是

“内容正在测试
测试”

相反，我得到了

内容是

我在这里缺少什么？

在 IE 9 中我得到了正确的结果..

Answer 1

看起来 jQuery 创建的 HTML 并没有在 Chrome 上进行相同的评估(相信你的话，它在 IE 中工作)。这是因为<tr>没有<td>在里面。如果您将内容更改为以下内容:

var test = '<tr style="display:none" class="projinfo"><td>test</td></tr>' +   
'<tr><td column="Type"><b>Project</b></td><tr>';

 var dom = $(test).filter('.projinfo').find('td');

 var content = dom.length > 0 ? dom[0].innerHTML:'No data';

$('#testlabel').text('Content is ' + content);

它将正常工作:

Content is test

jsfiddle