Removing the last line of a paragraph

Question

<span class="locationtitle">
    <a href="#">Test Text</a><br>
    6:00 p.m. - 12:00 a.m.<br>
    Repeat on the first Thursday
</span>

I am trying to come up with a way with jQuery to remove the last sentence. So everything after the 2nd  . The text in that sentence potentially could be anything so doing a find() won't work.

Duplicate:http://stackoverflow.com/questions/4671713/detecting-line-breaks-with-jquery — Lior Elrom, May 06 '13 at 18:10
@Lior As OP wants to use `
` I don't think the question you link too is related. — Denys Séguret, May 06 '13 at 18:12
The *best* solution would be for you to wrap that last sentence in a new `` and hide that in the usual manner. — Blazemonger, May 06 '13 at 18:24
I'm not generating the orginal source and have no control over how it comes out — Mark K, May 06 '13 at 18:28

Denys Séguret · Accepted Answer · 2013-05-07T05:58:30.900

6

You could do this :

$('.locationtitle').html(function(_,html) { 
    return html.split(/<br\s*\/?>/i).slice(0,-1).join('<br>')
});

This supports other ways to write the  , for example  , you could use

Some explanation :

jQuery's html callback takes two arguments, I don't need the first one (the index)
split makes an array from a string, using the   (or its variants) as separator
slice returns a copy of the array without the last element
join makes a string back from the array, inserting the needed

edited May 07 '13 at 05:58

answered May 06 '13 at 18:11

Denys Séguret

372,613
87
782
758

1

That's a nice one except the string could be _split_ at `/
/` – Ejaz May 06 '13 at 18:14
@Ejay If OP uses other kind of `
`, yes. – Denys Séguret May 06 '13 at 18:14
A little explanation would be appreciated here. What are the arguments in html(), for example? What is join() doing? – isherwood May 06 '13 at 18:16
Nice. Thanks. I'm assuming that you have to join the BR because it's technically part of the array element that gets cut? – isherwood May 06 '13 at 18:22
`['aa','bb','cc'].join('
')` ===> `'aa
bb
cc'` – Denys Séguret May 06 '13 at 18:23
ok so a new wrinkle to this is the third line is not always there. So rather than deleting the last line I would need to delete whatever is after the 2nd
– Mark K May 06 '13 at 19:04
@MarkK If you want to keep only the first two lines replace `slice(0,-1)` with `slice(0,2)`. – Denys Séguret May 06 '13 at 19:05

Blazemonger · Answer 2 · 2013-05-06T18:23:19.403

2

Assuming that last sentence doesn't contain any HTML, a mixture of vanilla JS and jQuery may work best here:

var s = $('.locationtitle')[0].childNodes; // HTML and text nodes
var last = s[s.length-1];                  // selects the last node
$(last).wrap('<span>').parent().hide();    // can only hide HTML elements

http://jsfiddle.net/mblase75/NXZpL/

edited May 06 '13 at 18:23

answered May 06 '13 at 18:16

Blazemonger

90,923
26
142
180

Doesn't work if you add other elements. See the example I gave to the other wrong answer. – Denys Séguret May 06 '13 at 18:20
Much like Mohammad Adil's answer, this only removes the last node, rather than everything after the last
tag as the OP requested. – Maple May 06 '13 at 18:21

Removing the last line of a paragraph

2 Answers2