jQuery技术:如何在此示例中访问外部选择器

我有以下标记:

并希望不会像这样访问data-item-id(但这不起作用):

 $('.header-vals').on('keyup','input',function(){ var item_id=$(this).data('item-id'); }); 

有没有办法将此引用到外部,以便我可以获取data-item-id?

提前thx

    这样做: –

     $('.header-vals').on('keyup','input',function(){ alert($(this).parent().attr('data-item-id')); });​ 

    参考现场演示

    菲利克斯是正确的(感谢伙计)..

    $(this)指的是输入…检查下面的代码,只需添加父代:

    您的代码将工作,只需使用attr切换数据

     $('.header-vals').on('keyup','input',function(){ var item_id=$(this).parent.attr('data-item-id'); }); 

    .data()函数用于将数据绑定到元素,而不是选择属性https://api.jquery.com/jQuery.data/

     var item_id = $(this).parent().attr('data-item-id'); 

    试试这个:

     $('.header-vals').on('keyup','input',function(){ var item_id=$(this).parent().attr('data-item-id'); }); 

    要么

     $('.header-vals').on('keyup','input',function(){ var item_id=$(this).parent().data('item-id'); }); 

    这是一个使用数据function的演示 。

      以上就是jQuery教程分享如何在此示例中访问外部选择器相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/541365.html

      (0)
      上一篇 2021年1月3日
      下一篇 2021年1月3日

      精彩推荐