0

Всем привет. Есть такая верстка

<div class="row align-items-center cover" data-id="<?echo $item['id'];?>">
   <div class="col-6">
      <div class="inputblock">
         <div class="icon text"></div>
         <input class="input-text" value="<?echo $item['text']?>" name="text" type="text" 
         required="required">
      </div>
   </div>
</div>

Как получить значение val input следующего за .text, нужно через This, т.к. эти блоки повторяются. Пробуй вот так не срабатывает.

$(document).ready(function () {
    var itemInput = '.input-text'; 
    var itemDel = $('.text');
    itemDel.click(function(e){
        var $this = $(this);
        var $thisInput = $this.closest(itemInput);
        console.log($thisInput.val);
    });
 });
1
  • и зачем вам var itemInput ? чтобы переменных и кода было ппобольше?
    – teran
    25 ноя 2021 в 21:35

1 ответ 1

1

Во-первых не closest, а next. Во-вторых: не val, а val()

$(document).ready(function () {
    var itemInput = '.input-text'; 
    var itemDel = $('.text');
    itemDel.click(function(e){
        var $this = $(this);
        var $thisInput = $this.next(itemInput);
        console.log($thisInput.val());
    });
 });
.icon.text {
  width: 10px;
  height: 10px;
  border: 1px solid blue;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<div class="row align-items-center cover" data-id="<?echo $item['id'];?>">
   <div class="col-6">
      <div class="inputblock">
         <div class="icon text"></div>
         <input class="input-text" value="<?echo $item['text']?>" name="text" type="text" 
         required="required">
      </div>
   </div>
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.