时间戳

首页 > 解决方案 > 如何捕获此输入框中的文本

jquery - 如何捕获此输入框中的文本

问题描述

我没有 id 来捕获 de text，我只有 div 的 id

我试过

objeto=$('#TablaPaginadaNueva1_filter').parents('input'); 
userput=objeto.val();

但我不能有输入框的值

<div id="TablaPaginadaNueva1_filter" class="dataTables_filter">

    <label>Buscar:<input type="search" class="form-control form-control-sm" placeholder="" aria-controls="TablaPaginadaNueva1">
    </label>
</div>

标签： jquery

解决方案

var el = $('#TablaPaginadaNueva1_filter').find('input').first()

$(el).on('change', function(e){
  $('#output').html(e.target.value);
})

$('#setValBtn').on('click', function(){
  $(el).val('Hello');
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="TablaPaginadaNueva1_filter" class="dataTables_filter">
  <label>Buscar:<input type="search" class="form-control form-control-sm" placeholder="" aria-controls="TablaPaginadaNueva1">
    </label>
</div>


<h1 id="output"></h1>

<button id="setValBtn">Set value to Hello</button>

推荐阅读