javascript - 获取自定义属性 jQuery

Question

我想使用 Jquery 获取自定义属性的值。我有一个文本输入数组。我写了这段代码：

<div id="informazioniAggiuntive">
 <?php for($i=0;$i<10;$i++){ ?>
  <div >
<input type=text placeholder="CAP.." id='<?php echo "cap".$i."[]"; ?>'   maxlength=3 size=3 />
<input type=text placeholder="Prov.." id='<?php echo "prov".$i."[]"; ?>' maxlength=2 size=2 />
<input type=text placeholder="Località.." id='<?php echo "loc".$i."[]"; ?>' class='loc' data-ind='<?php echo $i; ?>' />
  </div>
 <?}?>
</div>

和 JQuery 代码。

<script>
$( document ).ready(function() {
    $('.loc').on('keypress',function (e) {
        //Here to get Value
    });
});
</script>

如您所见，“loc”类是“data-”标签。最好的祝福！

Answer 1

您可以使用.data()来读取data-*

$( document ).ready(function() {
    $('.loc').on('keypress',function (e) {
        //Here to get Value
        var ind = $(this).data('ind');
    });
});

Answer 2

读取.data()

$(document).ready(function() {
    $('.loc').on('keypress',function (e) {
         $(this).data('ind'); // to read data-ind attribute value
    });
});

Answer 3

尝试使用数据（）

$( document ).ready(function() {
    $('.loc').on('keypress',function (e) {
        var data = $(this).data('ind')
    });
});