jquery - 使用 jquery 根据数据属性获取输入文本值

Question

我想根据文本的数据属性提取文本的值。

HTML:

   <input type="text" class="form-control" id="CardName" data-id="CardName">

我的 Jquery

 var cardN = $('input[data-id="CardName"]').val();

Answer 1

删除 data-id 中的双引号:

$('.btn').click(function(){
   var cardN = $('input[data-id=CardName]').val();
   alert(cardN)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="form-control" id="CardName" data-id="CardName" >
<input class="btn" type="button" value="click" />