3

私はこれを行う方法を探していましたが、ほとんどの方法は長すぎるか複雑に思えます。ボタンと invisible があります。ボタンを押すと、jquery を使用<div>してテキストが書き込まれます。<div>

これが要素を含む私のhtmlだとしましょう<div>:

<button id="buttonid"></button>

<div id="invisible"></div>

私のjqueryはこのようなものを開始しますか?

    $(document).ready(function(){
        $("#buttonid").click(function(){
           //WHAT COMES HERE? TO ADD TEXT TO #invisible ?
        });
    });
4

3 に答える 3

5 
$("#buttonid").click(function(){
     $("#invisible").text("your text").show();
});

ノート：

  • .show()divが表示されていないと仮定して、追加しました
  • プレーン テキストの代わりに HTML マークアップを挿入する場合は、.html()代わりに使用します。.text()
于 2012-04-30T12:29:34.130 に答える
4

div のテキスト/html を変更するだけの場合は、$.text()またはを使用します$.html()。

$(document).ready(function(){
    $("#buttonid").on("click", function(){
       $("#invisible").html('Foo');
    });
});

もちろん、この時点ではまだ非表示になっていますが、 、 、 などの公開方法のいずれかを使用して公開でき$.show()ます$.fadeIn()。

$(document).ready(function(){
  $("#buttonid").on("click", function(){
    $("#invisible").html('Foo').fadeIn();
  });
});
于 2012-04-30T12:29:25.100 に答える
0

div の既存のコンテンツを変更したくない場合は、次を使用します。

$("#invisible").append("your text");

それ以外は

$("#invisible").text("your text");
//OR
$("#invisible").html("your text");
于 2012-04-30T12:33:21.580 に答える