1

私は jsp で jQuery 1.8.2 を使用しており、テキストを動的に div に挿入しようとしています。これが私が試したことです：

var selectButton = "Your " + $(this).val();
alert("The selectButton value is: ")
$('#submitMsg').prepend(selectButton);
$('#submitMsg').show();
    ...         

<p/>
<div id="submitMsg" style="display: none;"><h3> request is being submitted..</h3></div>
<p/>
<div id="trueDiv" style="display: none;"><h3> request was successful!</h3></div>
<div id="falseDiv" style="display: none;"><h3> request was not successful!</h3></div>

どの送信ボタンがクリックされたかに基づいて、どのリクエストをメッセージ div に動的に渡したいですか。次に、同じサイズのフォントを使用して、Web サービス呼び出しの結果に基づいて、同じテキスト値を使用して要求メッセージの確認に挿入したいのですが、これを行うことができませんでした。

.prepend を使用すると、テキストがうまくマージされないように見えるので、div のテキストに直接挿入するものが必要です。何を使用すればよいですか？

ここで答えを得た後、このリンクでチュートリアルを見つけました。同様のタスクに役立つはずです。

4

2 に答える 2

6

またはを.prepend使用する代わりに. 文字列ではなくDOM要素用です。次のように、現在のテキストの残りを保持できます。.text.html.prepend

$("#submitMsg").html("Your " + $(this).val() + $("#submitMsg").html());
于 2012-11-30T21:30:17.230 に答える
1

.html()またはを使用.text()して既存のコンテンツを取得し、それらを一緒に追加します。

var html = $("#submitMsg").html();
html = selectButton + html;
$("#submitMsg").html(html);
于 2012-11-30T21:30:46.673 に答える