How can I select text inside p tag with specific criteria using jQuery?

Question

The text look like this.

var fi,se,en;
var description = 
"<p>
FI: Sähköpyörä, Tunturi<br />
SE: Elektrisk Cykel, Tunturi<br />
EN: Electric Bike, Tunturi<br />
<\/p>";

I want to select everything inside p tag after FI: until tag br as same as SE: and EN:

The result will be like this.

var fi = "Sähköpyörä, Tunturi";

var se = "Elektrisk Cykel, Tunturi";

var en = "Electric Bike, Tunturi";

Note: The text are dynamic change.

Thanks !!!

score 2 · Accepted Answer · answered Dec 07 '12 at 04:06

2

How about using some regular expressions

var fi,se,en;
var description = 
"<p>\
FI: Sähköpyörä, Tunturi<br />\
SE: Elektrisk Cykel, Tunturi<br />\
EN: Electric Bike, Tunturi<br />\
</p>";
var match = description.match(/FI:\s*(.+)<br \/>\s*SE:\s*(.+)<br \/>\s*EN:\s*(.+)<br \/>/);
fi = match[1];
se = match[2];
en = match[3];

http://jsfiddle.net/mowglisanu/VGSaW/

answered Dec 07 '12 at 04:06

Musa

96,336
17
118
137

Sir, it is in the console log but it throw error. Uncaught TypeError: Cannot read property '1' of null – Ice Jungrai Dec 07 '12 at 04:43
@PakinaiKamolpus then no matches was found, what was the data it failed on? – Musa Dec 07 '12 at 05:16
It's working now, my bad. There's something wrong in the other part of the code. Sorry. :) – Ice Jungrai Dec 07 '12 at 06:06

score 1 · Answer 2 · answered Dec 07 '12 at 04:23

If you can arrange for the individual language strings to be enclosed in spans, then you can avoid the need for regular expressions.

var description = '<p>FI: <span class="fi">Sähköpyörä, Tunturi</span><br/>SE: <span class="se">Elektrisk Cykel, Tunturi<br/>EN: <span class="en">Electric Bike, Tunturi<br/></p>';
var $desc = $(description);
var fi = $desc.find(".fi").text();
var se = $desc.find(".se").text();
var en = $desc.find(".en").text();

score 1 · Answer 3 · answered Dec 07 '12 at 04:46

Explode the sting in to array with split:

    var fi,se,en;
    var description = 
    "<p>\
    FI: Sähköpyörä, Tunturi<br />\
    SE: Elektrisk Cykel, Tunturi<br />\
    EN: Electric Bike, Tunturi<br />\
    </p>";

    bits = $(description).html().split(/:|<br>/);

output

    array["FI", " Sähköpyörä, Tunturi", "SE", " Elektrisk Cykel, Tunturi", "EN", " Electric Bike, Tunturi"]

How can I select text inside p tag with specific criteria using jQuery?

3 Answers3