-2

私はjqueryを使用していますが、私の問題はappedメソッドに関連しています

問題は簡単です

このリンクに行く

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_html_append

追加テキストをクリックします。ボタンをクリックするたびにテキストを追加し続けます。一度これを停止するにはどうすればよいですか

ここにコードがあります

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $("p").append(" <b>Appended text</b>.");
  });

  $("#btn2").click(function(){
    $("ol").append("<li>Appended item</li>");
  });
});
</script>
</head>

<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>
<button id="btn1">Append text</button>
<button id="btn2">Append list items</button>
</body>
</html>
4

2 に答える 2

3

の代わりに1 つを使用できますclick。

$("#btn1").one('click',function(){
    $("p").append(" <b>Appended text</b>.");
});
于 2013-06-16T17:09:46.823 に答える
1

dystroy's answer に関するコメントに応じて、次を使用します。

$("p").html(" <b>Appended text</b>.");

これにより、段落要素の html コンテンツが置き換えられます

以下のコメントを編集

私があなたを正しく理解していれば、追加で移動しようとしているオブジェクトのセレクターを使用する必要があります。例として：

$("p").append(" <b>Appended text</b>.");

となります

$("p").append( $('#theDivIWantToMove') );
于 2013-06-16T17:32:25.477 に答える