[英]Sending dynamic variable to jquery
I have a table that is built dynamically with EJS template. 我有一个用EJS模板动态构建的表。 I want to pass a dynamic value to a jQuery function when the user clicks on the button.
我想在用户单击按钮时将动态值传递给jQuery函数。
This is how I'm building my table: 这是我建立表格的方式:
<% for(var i=0; i< automated_campaigns.length; i++) { %>
...
<%= automated_campaigns[i].name %>
<td>
<button type="button" class="btn btn-danger btn" id="load" data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i>">Activate</button>
</td>
...
<% } %>
And this is my jQuery function that handles the click event: 这是我的jQuery函数,用于处理click事件:
<script type="text/javascript">
$('.btn').on('click', function(automated_campagin_name) {
var $this = $(this);
$this.button('loading');
$.get( "/automated-campaigns/change_status/" + str(automated_campaign_name), function( data ) {
$( ".result" ).html( data );
alert( "Load was performed." );
});
setTimeout(function() {
$this.button('reset');
}, 8000);
});
</script>
How can I send the right campaign_name? 如何发送正确的campaign_name?
将campaign_name
放在data-campaign_name
因为您已经在为每个变量循环,然后在jQuery中对其进行访问。
$('.someElement').data('campaign_name');
You can set data-attribute on every button you need: 您可以在所需的每个按钮上设置数据属性:
<button type="button" data-cname="<%= automated_campaigns[i].name %>" class="btn btn-danger btn" id="load" data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i>">Activate</button>
Script can looks like this: 脚本如下所示:
<script type="text/javascript">
$('.btn').on('click', function(automated_campagin_name) {
var $this = $(this);
var cname = $this.data("cname");
$this.button('loading');
$.get( "/automated-campaigns/change_status/" + str(cname), function( data ) {
$( ".result" ).html( data );
alert( "Load was performed." );
});
setTimeout(function() {
$this.button('reset');
}, 8000);
});
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.