在点击（JQuery）

Question

我手上有点问题。

我在点击时附加文字。工作正常，但我想在单击按钮时附加文本，并在第二次和每次单击时附加相同的文本而不复制/添加到上一个附加文本。

因此，基本上每次点击都会清除任何文本的输入（如果有的话），并在点击时附加相同的文字。

我写了以下JQuery：

$('.button').click(function(){
  $('#inputText').val($('#inputText').val() + 'Text to append');

  if($('#inputText').val() > 0) {
     $('#inputText').val('');
  } else {

}
});

我尝试了其他一些条件但没有成功。我不知道为什么。

Answer 1

我认为这就是你要找的东西。

$('.button').on("click", function(){

  var text = "some text";
  var input = $('#inputText');
  var textLocation = $(input).val().indexOf(text);

  if(textLocation === -1){
    $(input).val( $(input).val() + text );
  }else{
    $(input).val( $(input).val().substr(0, textLocation) + text );
  }

});