error in parsing web page using javascript

Question

I am trying to parse a page using javascript this is part of page:

<div class="title">
        <h1>



                    Affect and Engagement in Game-BasedLearning Environments


        </h1>




    </div>

This is link tom page source:view-source:http://ieeexplore.ieee.org/xpl/articleDetails.jsp?tp=&arnumber=6645369?tp=&arnumber=6645369 I am using this:

$(data).find('h1').each(function()
                    {console.log($(this).text());
});

Now I am able to get the value inside header but the value displayed have lots of space in front and back.I tried to replace the whitespace by using replace function but replce isn't happening.I don't understand what is there in front and back of the value of header.I somehow want to remove the extra space.

Lochemage · Accepted Answer · 2014-07-23 20:17:35Z

1

Replace only replaces the first instance found, it might have only removed one space... try this instead, using regular expression syntax:

text.replace(/ /g, '');

This should remove all spaces, even the ones inside your string text. To avoid this, you may only want to replace double spaces instead:

text.replace(/  /g, '');

Also you may want to remove new lines:

text.replace(/\n/g, '');

Here is an example JSFiddle

If you know for sure that your string is only surrounded on either end by spaces, but you want to preserve everything inside, you can use trim:

text.trim();

edited Jul 23, 2014 at 20:17

answered Jul 23, 2014 at 20:12

Lochemage

3,97413 silver badges11 bronze badges

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

Comments

War10ck · Accepted Answer · 2014-07-23 20:11:18Z

0

Since your already using jQuery, you can take advantage of their $.trim function which removes leading and trailing whitespace.

$(data).find('h1').each(function() {
    console.log($.trim($(this).text()));
});

Reference: $.trim()

answered Jul 23, 2014 at 20:11

War10ck

12.5k7 gold badges46 silver badges56 bronze badges

2 Comments

user3868494 Over a year ago

Yeah!That worked like a charm.But I wan't to know what exactly is there before and after the text..whitespaces?

War10ck Over a year ago

@user3868494 Potentially. It could be newline characters, spaces (including non-breaking spaces) or tabs. Any one or a combination of all these could cause the space you're seeing.

Shumail · Accepted Answer · 2014-07-23 20:11:26Z

0

Try using Javascript's Trim() to get rid of the whitespaces that's present on both sides.

Function's Reference:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim

answered Jul 23, 2014 at 20:11

Shumail

3,1534 gold badges30 silver badges39 bronze badges

Comments

nmaier · Accepted Answer · 2014-07-23 20:16:59Z

Your HTML actually contains these paces within your <h1> element, so it is to be expected that they are present in the result of .text().

Normally you'd just use .trim(). However, you'll likely want to replace line breaks inside the text as well.

$(data).find('h1').each(function() {
  var text = $(this).text();
  // Replaces any multiple whitespace sequences with a single space.
  // Even inside the text.!
  // E.g. " \r\n \t" -> " "
  text = text.replace(/\s+/g, " ");
  // Trim leading/trailing whitespace.
  text = text.trim();
  console.log(text);
});

Fiddle for your pleasure.

Collectives™ on Stack Overflow

error in parsing web page using javascript

4 Answers 4

Comments

2 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Related