Как добавить разрыв строки в строку?

#javascript #jquery

Вопрос:

Пожалуйста, не могли бы вы рассказать, как добавить разрыв строки в строку с помощью JavaScript. Я уже использую <br/> tag, но это не нарушает линию. Как я могу этого добиться?

JavaScript

 var str="Click Here"  "<br>"  "To Set"  "<br>"  "TestSuite Name";
alert(str);
$("#testSuiteId").text(str);

Ожидаемый результат

 Click Here
To Set
TestSuite Name

Фактический результат

 Click Here <br> To Set <br> TestSuite Name;

1. Используйте .html() вместо .text() , но позаботьтесь о применении экранирования HTML там, где это необходимо.

2. @Jack Или вы могли бы использовать мое решение и не беспокоиться: p

3. @NiettheDarkAbsol За исключением того, что не все браузеры соблюдают «пробел: предварительный перенос»

4. @Jack Это новость для меня… Не могли бы вы привести пример?

5. @NiettheDarkAbsol Вы знаете, о каком браузере я говорю, о том, чье имя не должно упоминаться (более старые версии, конечно).

Ответ №1:

Попробуйте это:

 var str = "Click Here"  "n"  "To Set"  "n"  "TestSuite Name";
$("#testSuiteId").text(str);

И в вашем CSS:

 #testSuiteId {
    white-space: pre-wrap;
}

Больше людей должны знать об этой функции CSS

Ответ №2:

Попробуйте использовать .html() в этом контексте, так .text() как будет отображать строку html в виде обычного текста

 $("#testSuiteId").html(str);

Ответ №3:

если $(«#testSuiteId») — это текстовое поле, тогда используйте n вместо
тега, а если $(«#testSuiteId») — это div, тогда используйте .html вместо .text