정지 추가 요소 jQuery를

-2

내가 JQuery와 함께 일하고 내 문제는 apped 방법과 관련이정지 추가 요소 jQuery를

문제는

이 링크

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

로 이동 텍스트 추가를 클릭 정직 .it 버튼을 클릭 할 때마다 텍스트를 계속 추가합니다. 한 번에이 작업을 중단 할 수있는 방법은 무엇입니까?

여기에 코드

<!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>

출처

2013-06-16 user2458516

될 것 W3 스쿨 끔찍한 자원이다. 사용을 중지하십시오. 대신 MDN –

를 대응 댓글에 dystroy의 대답, 사용에 : 단락 요소의 HTML 내용을 대체 할

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

다음 편집 : comme nts

내가 올바르게 이해했다면, 추가하려는 이동 객체의 선택자를 사용해야합니다. 예를 들어 그래서 :

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

이

$("p").append($('#theDivIWantToMove'));

출처

2013-06-16 17:32:25 Precastic

이 도움이되지 않습니다 – user2458516

@ user2458516 왜 안 되니? 당신이 더 명확한 설명을 주신다면 어쩌면 우리는 대답을 줄 수 있습니다. – Precastic

버튼을 클릭하면 div에 이미지를 추가하고 싶지만 같은 이미지가 div의 ouside를 표시하고 있음을 보여주는 코드가 어떻게 생깁니 까? 다시 버튼을 클릭하면 .i 버튼을 다시 클릭하면 해당 이미지가 제거되고 해당 div에 다시 삽입됩니다. – user2458516

당신은 one 대신 click 사용할 수 있습니다

$("#btn1").one('click',function(){ 
    $("p").append(" <b>Appended text</b>."); 
});

출처

2013-06-16 17:09:46

을 사용하십시오. 페이지를 재배포하지 않고 해당 버튼을 다시 클릭 할 수 없습니다. 새 텍스트를 추가하기 전에 이전 텍스트를 제거하고 싶습니다. – user2458516

@ user2458516 : 해당 동작을 원한다면 질문에 말하십시오. Dystroy는 현재 물어 보는 질문에 대한 완벽한 대답입니다. – Lepidosteus

정지 추가 요소 jQuery를

답변

관련 문제