How to insert one character before another?

Question

I have a list with the following markup:

<ul class="meta meta-event">
    <li>September 4 @ 10:00 am - 5:00 pm</li>
    <li>Some Hotel, London</li>
</ul>

But I'd like to insert a <br /> tag before the '@' character (I need to do this in jQuery due to it being a WP plugin with little customisation optons)

Does anyone know how I can do it?

$('.meta-event li:contains("@")').html(function(i,html){ return html.replace(/@/, '<br />@') }) — Arun P Johny
– Arun P Johny, Commented Aug 14, 2014 at 14:44

adeneo · Accepted Answer · 2014-08-14 14:45:58Z

2

You can use jQuery's html() method, and a string replace to insert the <br> tag before the @

$('.meta-event li:contains(@)').html(function(_, html) {
    return html.replace(/@/g, '<br />@');
});

FIDDLE

answered Aug 14, 2014 at 14:45

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Collectives™ on Stack Overflow

How to insert one character before another?

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