jQuery에서 각 클릭 이벤트에 텍스트 x 번을 추가하는 방법은 무엇입니까?

Question

가장 쉬운 예는 첫 번째 클릭에서 네가 클릭 한 다음 네 번째 클릭에서 네가 "네가 다시 클릭 한 것"과 "네가 몇 번 클릭 한 것"이라는 네버 앤딩이다. .n ... 그리고 다시. "

첫 번째 클릭이 정상입니다. 두 번째는 "다시"를 추가합니다. 각 시간 이후에 "및 다시"를 추가합니다.

는

내가 증가 인덱스로 그 일을 시도하지만 난 그게 내가 좋아해야 것 같은 문자열을 증식하는 방법을 알아낼 수 없습니다 : 그냥 돌아갑니다

$("button").click(function(){ 
    $(this).text("You clicked" + index++ + ""); 

그러나 물론을 "당신은 클릭 1 "등

Answer 1

매우 우아하지,하지만 작동합니다

http://jsfiddle.net/35uHB/

var clickCount = 0; 
$('.theDiv').click(function() { 
    var text = ["You clicked"]; 

    if (clickCount > 0) { 
     text.push(" again"); 
    } 

    for (var i = 1; i < clickCount; i++) 
    { 
     text.push(" and again"); 
    } 
    text.push("!"); 

    clickCount++; 

    $('.result').text(text.join(''));  

}); 

Answer 2

$(this).text($(this).text() + " again");

소자의 특성을 얻을 그 속성의 값을 설정 모두에 사용될 수있는 조작

대부분의 jQuery 함수 예 $elem.text()은 현재 텍스트 값을 제공하고 $elem.text(value)은 value으로 설정합니다.

Answer 3

$(document).ready(function(){ 
var c = 0; 
    $('button').click(function(){ 
     if(c == 0) {$(this).append(' again');c++;} 
     else $(this).append(' and again') 
    }) 

}) 

$(this).text()을 두 번 사용하는 대신 제안합니다. :)

JSFIDDLE DEMO

Answer 4

간단한 방법은

var myText = ['You clicked', ' again', ' and again']; 
var ptr = 0; 
$("button").click(function() { 
    $(this).text(function (i, v) { 
     return (ptr == 0)?myText[ptr]:(v + myText[ptr]); 
    }); 
    if (ptr < myText.length - 1) ptr++; 
}); 

해당 배열을 사용하여, 당신은 당신이 추가하는 방법을 여러 가지 메시지를 제어 할 수 있습니다 .. 아래에 그것을 사용하여 같은 배열을 가지고있다 .

데모 :http://jsfiddle.net/x66sd/