「<br>」タグ付きの文字列を追加しても機能しません

EddNewGate

可能なすべての方法を試しましたが、変数に格納されて特定の関数内で使用される文字列内にブレークラインを追加することはできません。

HTMLコード:

<body>
<p id="msg"></p>
</body>

Jqueryコード:

<script>
var showText = function (target, message, index, interval) {   
  if (index < message.length) {
    $(target).append(message[index++]);
    setTimeout(function () { showText(target, message, index, interval); }, interval);
  }
}
var x = "Hello there stranger!"+"<br>"+"How are you?";
$(function () {

  showText("#msg", x, 0, 130);   

});
</script>

<br>ブレークラインを追加する代わりにタグを文字列として出力します助けてください...

gaetanoM

あなたのポイントは:

 [jQuery.append][1]

の代わりに:

 [jQuery.html][2]

私はあなたに提案します:

var showText = function (target, message, index, interval) {
  if (index < message.length) {
    // if special character: append the break element
    if (message[index] == '\n') {
      index++;
      $(target).append('<br/>');
    } else {
      // else: append text to the html
      $(target).html($(target).html() + message[index++]);
    }
    setTimeout(function () {
      showText(target, message, index, interval);
    }, interval);
  }
}

// use a special character instead of the break element
var x = "Hello there stranger!\nHow are you?";

$(function () {
  showText("#msg", x, 0, 130);
});
<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>

<p id="msg"></p>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

PHP変数を含むBRタグが機能していません

分類Dev

divタグ内に<br>タグを追加できませんでした

分類Dev

続きを読むボタンは<br>要素では機能しません

分類Dev

\ nまたは<br \>がJavaScriptで機能していません

分類Dev

Pythonボトル<br/>が機能していませんか?

分類Dev

jQuery:$(this).next()。focus(); <input>タグの後に<td>または<br>タグが続く場合は機能しません

分類Dev

<br/>タグはFirefoxでは機能しませんが、Chromeでは機能します

分類Dev

Rails:<br>が私の見解では機能していません

分類Dev

バニラJavaScriptは、文字列内の一定量の文字の後に<br>タグを追加します

分類Dev

<br> <br> <br>生成され、InspectElementにのみ表示されます

分類Dev

<br>?\ n?Javaの改行

分類Dev

JSOUP「<br/>」を選択

分類Dev

分割して、Javascriptの連結された日付に<br>タグを追加します

分類Dev

HTML 5:<br>、<br/>、または<br />ですか?

分類Dev

jQueryは\ nを<br>に置き換えましたHTMLは<br>をレンダリングしません

分類Dev

文字列の最初と最後から<br>タグを削除します

分類Dev

<br>で分割し、文字列内の強いタグを避けます

分類Dev

文字列の末尾からランダムな<br>タグを削除します

分類Dev

fn.joinを使用して文字列に<br>を追加する

分類Dev

<br>タグのない改行

分類Dev

BRを解決できません

分類Dev

反応関数<br>はこの<p>では機能しません

分類Dev

Xpath nodeValue / textContentが<BR>タグを認識できません

分類Dev

最初の<br>の前にある文字列を削除し、最後の<br>の後の文字列を表示します

分類Dev

beautifulsoupを使用して<br>タグに基づいて文字列を分割する方法

分類Dev

タグが一致しません。予想:</br>

分類Dev

JQUERYテキスト関数を使用してtextareaからDIVにコンテンツを置き換えている間、brタグが機能していません

分類Dev

クリックして文+配列番号を追加し、各行に<br>を付けて結果を追加します

分類Dev

文字列内の<br>タグを改行JSに置き換えます

Related 関連記事

  1. 1

    PHP変数を含むBRタグが機能していません

  2. 2

    divタグ内に<br>タグを追加できませんでした

  3. 3

    続きを読むボタンは<br>要素では機能しません

  4. 4

    \ nまたは<br \>がJavaScriptで機能していません

  5. 5

    Pythonボトル<br/>が機能していませんか?

  6. 6

    jQuery:$(this).next()。focus(); <input>タグの後に<td>または<br>タグが続く場合は機能しません

  7. 7

    <br/>タグはFirefoxでは機能しませんが、Chromeでは機能します

  8. 8

    Rails:<br>が私の見解では機能していません

  9. 9

    バニラJavaScriptは、文字列内の一定量の文字の後に<br>タグを追加します

  10. 10

    <br> <br> <br>生成され、InspectElementにのみ表示されます

  11. 11

    <br>?\ n?Javaの改行

  12. 12

    JSOUP「<br/>」を選択

  13. 13

    分割して、Javascriptの連結された日付に<br>タグを追加します

  14. 14

    HTML 5:<br>、<br/>、または<br />ですか?

  15. 15

    jQueryは\ nを<br>に置き換えましたHTMLは<br>をレンダリングしません

  16. 16

    文字列の最初と最後から<br>タグを削除します

  17. 17

    <br>で分割し、文字列内の強いタグを避けます

  18. 18

    文字列の末尾からランダムな<br>タグを削除します

  19. 19

    fn.joinを使用して文字列に<br>を追加する

  20. 20

    <br>タグのない改行

  21. 21

    BRを解決できません

  22. 22

    反応関数<br>はこの<p>では機能しません

  23. 23

    Xpath nodeValue / textContentが<BR>タグを認識できません

  24. 24

    最初の<br>の前にある文字列を削除し、最後の<br>の後の文字列を表示します

  25. 25

    beautifulsoupを使用して<br>タグに基づいて文字列を分割する方法

  26. 26

    タグが一致しません。予想:</br>

  27. 27

    JQUERYテキスト関数を使用してtextareaからDIVにコンテンツを置き換えている間、brタグが機能していません

  28. 28

    クリックして文+配列番号を追加し、各行に<br>を付けて結果を追加します

  29. 29

    文字列内の<br>タグを改行JSに置き換えます

ホットタグ

アーカイブ