Использование $ (this) .text с содержимым класса

Question

Я бы хотел, чтобы текст функции click был последней переменной, но $(this).text похоже не дает такого результата. Помещение класса в конец дает мне обе строки p. Мне просто нужен тот, на который я нажимаю.

Изменить: извините за непонятность. Попытка добавить текст во входное поле столько раз, сколько я щелкаю по нему, но только тот элемент, который я действительно нажимаю. Я не хочу, чтобы оба текста копировались одновременно. Поэтому я могу щелкнуть абзац 1, затем абзац 2, затем снова 1 без перезаписи

$(document).ready(function() {
  $(".p1").click(function() {
    $("input").val(function(index, val) {
      return val + $(this).text
    })
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<p class=p1>This is a paragraph.</p>
<p class=p1>Another paragraph.</p>

<input>

Отображает ошибку:

function(e){return $(this,function(e){return void 0===e?S.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)}

Answer 1

Try this hope so it works

$(document).ready(function() {
  $(".p1").click(function() {
    $("input").val($(this).html())
  })
})

Answer 2

Похоже, я догадался. Мои извинения за путаницу. var x до того, как функция val сработала.

$(document).ready(function() {
  $(".p1").click(function() {
    var x = $(event.target).text();
    $("input").val((function(index, val) {
      return val + x

    }))
  })
})

Answer 3

Вы пытаетесь этого достичь?

$(document).ready(function() {
  $(".p1").click(function() {
    $("input").val($("input").val() + $(this).text());
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<p class=p1>This is a paragraph.</p>
<p class=p1>Another paragraph.</p>

<input>

Надеюсь, это поможет