在 Jquery 中访问传递给 link_to 的多个数据参数

Posted

技术标签:

【中文标题】在 Jquery 中访问传递给 link_to 的多个数据参数【英文标题】:Accessing multiple data params passed to link_to in Jquery 【发布时间】:2016-10-29 16:31:38 【问题描述】:

我在访问 Jquery 中传递给 rails link_to 的多个数据参数时遇到问题。我曾经有以下代码(嵌入式 HAML):

= link_to "Update Setup/Teardown Times", '#', :class => 'update_setup_teardown_link', :data => @event.id

我会通过编写以下代码在 Jquery 中访问它:

a = $('.update_setup_teardown_link').attr('data');

但是,如果我有多个数据属性:

    = link_to "Update Setup/Teardown Times", '#', :class => 'update_setup_teardown_link', :data => varId: @event.id, bool: true

我如何能够单独访问这些数据属性?任何和所有的帮助表示赞赏。干杯~

【问题讨论】:

【参考方案1】:
varId = $('.update_setup_teardown_link').data('varId');
myBool = $('.update_setup_teardown_link').data('bool');

见:https://api.jquery.com/data/

varId = $('.update_setup_teardown_link').attr('data-varId');
myBool = $('.update_setup_teardown_link').attr('data-bool');

见:https://api.jquery.com/attr/

【讨论】:

以上是关于在 Jquery 中访问传递给 link_to 的多个数据参数的主要内容,如果未能解决你的问题,请参考以下文章

jQuery-turbolinks - link_to 确认:在 Rails 中多次弹出

如何从 link_to 中传递的参数中过滤特定的参数键?

如何将 link_to 包裹在一些 html ruby​​ 代码周围?

如何通过link_to传递一个post请求

link_to 和 remote => true + jquery:怎么样?帮助?

Vue组件中的jQuery插件:无法将值传递给prop