Convert string to jquery object and extract data from it

Question

I have the following code

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

In Chrome, I am expecting the result of my jsfiddle to be

"Content is test
test"

instead I get

Content is

What am I missing here ?

In IE 9 I am getting the correct result ..

Mordred · Accepted Answer · 2014-01-30 21:49:03Z

2

It looks like the HTML jQuery is creating isn't being evaluated the same on Chrome (taking your word that it works in IE). This is because the <tr> doesn't have a <td> inside it. If you change your content to the following:

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);

It'll work properly:

Content is test

jsfiddle

answered Jan 30, 2014 at 21:49

Mordred

4,0043 gold badges39 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Convert string to jquery object and extract data from it

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related