how to append text to its own div container pt 2

similiar to my question at how to append text to its own div container without appending it to the other div container?, what would the jquery code look like if the html is something like this:

<div class="container"></div>
<div class="addTextSection">
  <div class="add">+</div>
  <input class="someText" type="text">
</div>

<div class="container"></div>
<div class="addTextSection">
  <div class="add">+</div>
  <input class="someText" type="text">
</div>

the text should be appended inside the .container not inside the .addTextSection

Solution

Hi i in jquery there is parent() end prev() funtion with parent() you can select parent element then with prev() you can select previous dom so you can select your closest .container div then you can appent the input value my code is below.

      $(document).ready(function(){
         $(".add").on("click", function(){
            $(this).parent().prev(".container").append($(this).parent().find('.someText').val());
            $(this).parent().find('.someText').val("");
         });
      });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<div class="container"></div>
<div class="addTextSection">
  <div class="add">+</div>
  <input class="someText" type="text">
</div>

<div class="container"></div>
<div class="addTextSection">
  <div class="add">+</div>
  <input class="someText" type="text">
</div>