Put line break in text string within a variable array in JS/jQuery

Question

Noob Question:

I have a simple switch for some static text that is set to switch at a certain interval and for some reason I cannot get the line break to work within the string. I've tried a few different methods of using \n or
and even tried encoding and it won't break the string into two sentences. Anyone see what I'm doing wrong? The text change is working. I am trying to get the string to break into a new line where the "\n" is located.

Here's a working fiddle:

JS Fiddle

Script:

   var texts = ["Blah Blah"+"\n"+"Blah Blah Line two", "Over 15,000 cups of"+"\n"+"Starbucks drank daily!", "Another awesome%0D%0Aslogan here"];
var count = 0;
function changeText() {
    $("#example").text(texts[count]);
    count < 3 ? count++ : count = 0;
}
setInterval(changeText, 500);

Html:

<div id="Div-A"><h2><span id="example">Over 15,000 eligible<br/>dealers nationwide</span></h2></div>

ntgCleaner · Accepted Answer · 2014-04-15 22:16:43Z

3

You are using .text() to input your slogans.

I changed your .text() to .html() and just put simple line breaks in your sentences:

$(document).ready(function() {
    var texts = ["Over 5,000 beers <br /> drank today", "Over 15,000 cups of <br /> Starbucks drank daily!", "Another awesome<br />slogan here"];
    var count = 0;
    function changeText() {
        $("#example").html(texts[count]);
        count < 3 ? count++ : count = 0;
    }
    setInterval(changeText, 500);
});

http://jsfiddle.net/2dBVM/2/

answered Apr 15, 2014 at 22:16

ntgCleaner

6,00510 gold badges54 silver badges87 bronze badges

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

1 Comment

isaac weathers Over a year ago

Thank you. Knew it was something small.

Collectives™ on Stack Overflow

Put line break in text string within a variable array in JS/jQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related