Javascript 如何选择由ruby实例变量表示的动态ID?
因此,我有一个Javascript 如何选择由ruby实例变量表示的动态ID?,javascript,jquery,ruby-on-rails,ruby,ruby-on-rails-4,Javascript,Jquery,Ruby On Rails,Ruby,Ruby On Rails 4,因此,我有一个div,其ID在我的视图中由一个实例变量填充: <div class="card" id="card-<%= @card_number %>"> 但它不工作,并在选择器中为ID输出一个空值。如何让它选择正确的ID 我还尝试了$('.#.card comments')。预先添加…,但这也不起作用 编辑1 这是在视图中生成该动态ID后缀的代码: <% @card_number = 0 %> <% @nodes.each d
div
,其ID在我的视图中由一个实例变量填充:
<div class="card" id="card-<%= @card_number %>">
但它不工作,并在选择器中为ID输出一个空值。如何让它选择正确的ID
我还尝试了$('.#.card comments')。预先添加…
,但这也不起作用
编辑1
这是在视图中生成该动态ID后缀的代码:
<% @card_number = 0 %>
<% @nodes.each do |node| %>
<% @card_number += 1 %>
<div class="col s12 m6 l4 card-container">
<div class="card" id="card-<%= @card_number %>">
<!-- Card Content -->
编辑3
这是生成表单的代码:
<div class="card-input">
<%= simple_form_for([node, Comment.new], html: { id: "new_comment_card-#{@card_number}"}, remote: true) do |f| %>
<%= f.error_notification %>
<%= f.input_field :message, as: :text, id: "card-input-field-#{@card_number}", class: "input-field", placeholder: "Share your thoughts", cols: "30", rows: "10" %>
<%= f.button :submit, name: "card_id", value: "card-#{@card_number}", class: "input-submit" %>
<% end %>
</div>
请注意
参数[:card\u id]=“card-2”
如果在Rails视图中,它是
<div class="card" id="card-<%= @card_number %>">
然后,对于Javascript,您应该使用:
$("#card-<%= @card_id %>")
$(“#卡-”)
如果在Rails视图中,它是
<div class="card" id="card-<%= @card_number %>">
然后,对于Javascript,您应该使用:
$("#card-<%= @card_id %>")
$(“#卡-”)
您可以添加控制器代码吗?基本上,如果所选字段中出现空白值,这意味着@card\u id
是类名为.card comments
的元素,在card-
中没有值,并且当您添加$(“#.card comments”)时
它将搜索类为的元素。卡片注释在卡片中-
@Coderhs-Nah@card\u id
中有一个值。我只需查看HTML的源代码就可以知道,它会生成带有ID的DIV:card-1、card-2等。
这就是值的用途。该值现在在视图中设置,而不是在控制器中设置。我以后会重构,但只是想先让它工作。@GuruprasadRao是的,它在card-
div中。理想情况下,我希望它搜索一个带有类card\u注释的div,它是另一个ID为card-
的div的子级。您说“该值现在在视图中设置,而不是在控制器中设置”请共享设置该值的代码。基本上,如果所选字段中出现空白值,则表示@card\u id
是名为的类的元素,则可以添加控制器代码。在card-
中存在卡片注释,$(“#.card comments”)时,可以添加控制器代码吗
它将搜索类为的元素。卡片注释在卡片中-
@Coderhs-Nah@card\u id
中有一个值。我只需查看HTML的源代码就可以知道,它会生成带有ID的DIV:card-1、card-2等。
这就是值的用途。该值现在在视图中设置,而不是在控制器中设置。我以后会重构,但只是想先让它工作。@GuruprasadRao是的,它在card-
div中。理想情况下,我希望它搜索一个带有类card\u注释的div,它是另一个ID为card-
的div的子级。您说“该值现在在视图中设置,而不是在控制器中设置”请分享设置该值的代码。我也是这么想的……技术上你有一个错误。在选择器中,它应该是@card\u number
而不是@card\u id
。不管怎样,我都试过了,但都不起作用。这根本没用,你不能只是猜测和回答!请阅读上面的评论。这也是我的想法……好吧,从技术上来说,你有一个错误。在选择器中,它应该是@card\u number
而不是@card\u id
。不管怎样,我都试过了,但都不起作用。这根本没用,你不能只是猜测和回答!请阅读上面的评论。
<div class="card" id="card-<%= @card_number %>">
$("#card-<%= @card_id %>")