获取自定义属性jQuery

时间:2013-10-14 12:58:06

标签: javascript jquery html5

我希望使用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-”标记。 最诚挚的问候!

3 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:1)

阅读.data()

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

答案 2 :(得分:1)

尝试使用数据()

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