jQuery Parsing HTML results in Object doesnt support Property error

Question

I have to convert table to csv I am using following logic to concatenate strings of each td

 var $text=(table.rows[0].cells[i].innerHTML.split(", ").join("")).toString();

Assume $ text actually holds the <font class="Major">testcasedff</font>;

When I tried to use Find function for extracting data

var data=$text.find('font').text();

It actually doesnt work .I am using IE9 as test browser and im getting the following script error

Line: 300 Error: Object doesn't support property or method 'find'

Please refer to the Fiddle below

$text is s string... You are then trying to use find on it — iCollect.it Ltd
– iCollect.it Ltd, Commented Sep 4, 2014 at 9:24
$text holds <font class="ClassName">Test Subject1 </font> It is a string — user_D_A__
– user_D_A__, Commented Sep 4, 2014 at 9:25
You are using the wrong character to delimit your code for display in this question... Please refer to my edits :) — iCollect.it Ltd
– iCollect.it Ltd, Commented Sep 4, 2014 at 9:25
var data=$($text).find('font').text(); It doesnt give any result . — user_D_A__
– user_D_A__, Commented Sep 4, 2014 at 9:34

gaetanoM · Accepted Answer · 2014-09-04 13:28:23Z

1

Try:

In the following row JQuery convert an HTML Element from string to JQuery Object and so your op will be simplified:

var fontObj = $("<font class='Major'>this is a test</font>");
var $textfontObj.text();

In pure javascript You will need to create a dummy element, insert yout HTML Element from string and then get the desired result:

var targetEleContainer = document.createElement('div');
targetEleContainer.innerHTML = "<font class='Major'>this is a test</font>";
var out2=(targetEleContainer.firstChild).innerHTML;

bye

edited Sep 4, 2014 at 13:28

answered Sep 4, 2014 at 11:23

gaetanoM

42.1k6 gold badges45 silver badges63 bronze badges

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

2 Comments

gaetanoM Over a year ago

Sorry @AbinayaDevarajan, it works only if you use JQuery. Instead if you use only javascript without JQuery you are right, it does not work! I supposed you are interested in a simple and rapid way to transform a string to JQuery object and then get the property.

gaetanoM Over a year ago

Hi @AbinayaDevarajan try again your demo: i changed it and added my code: check for "This is " on jsfiddle.net/8zrhgy6v/6 Let me know

user_D_A__ · Accepted Answer · 2014-09-04 11:16:15Z

0

textContent dom Property and Parse html works

  var $text="<font class='Major'>this is a test</font>";

  var result='';
   var data=$.parseHTML($text);
            $.each(data, function (i, el) {
            result += el.textContent;
            });

 alert(result);

Please Checkout the Fiddle

http://jsfiddle.net/Abinaya_WEBGurl/8zrhgy6v/3/

answered Sep 4, 2014 at 11:16

user_D_A__

4602 gold badges6 silver badges14 bronze badges

Collectives™ on Stack Overflow

jQuery Parsing HTML results in Object doesnt support Property error

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related