-2

我正在使用 jquery，我的问题与应用方法有关

问题很简单

去这个链接

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

您可以使用one代替click：

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

为了回应您对dystroy答案的评论，请使用：

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

这将替换段落元素的 html 内容

编辑以下评论

如果我理解正确，您需要做的是使用您试图在追加中移动的对象的选择器。举个例子：

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

会变成

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