将换行符放在JS / jQuery中的变量数组中的文本字符串中

时间:2014-04-15 21:59:10

标签: javascript jquery arrays string

Noob问题:

我有一个简单的开关,用于设置按特定间隔切换的某些静态文本,由于某种原因,我无法在字符串中使用换行符。我尝试过几种不同的使用\ n或
方法的方法,甚至尝试过编码,它不会将字符串分成两个句子。有谁看到我做错了什么?文本更改正在进行中。我试图让字符串进入一个新的行,其中" \ n"位于。

这是一个工作小提琴:

JS Fiddle

脚本:

   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>

1 个答案:

答案 0 :(得分:3)

您正在使用.text()输入您的标语。

我将您的.text()更改为.html(),并在句子中添加简单的换行符:

$(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/