Question

我正在使用rails3并且在我的页面上我正在迭代一个循环，它有一些记录，我想要什么时候

用户点击某一行，其颜色为绿色，当他再次单击某行时，其颜色将为

为绿色，上一个突出显示的行的颜色应为无。

提前致谢

我的代码就像这样

    <div class="top-heading-detail-admin">


    <div class="table-headings">
      <div class="email-admin"><p>Email</p></div>
      <div class="date-admin"><p>Date Added</p></div>
      <div class="added-by-admin"><p>Added by</p></div>

    </div>
   <div id="checkbox_list">
       <% @users.each do |user| %>
         <div class="email-admin-detail"><%= user.email %></div>
         <div class="date-admin-detail"><%= user.created_at.strftime("%m/%d/%Y") unless  user.created_at.blank? %></div>
         <div class="added-by-admin-detail"><%= user.added_by %></div>
         </div>
       <% end %>
    </div>

  </div>

Answer 1

http://jsfiddle.net/r8mY4/9/

我将您的用户详细信息行包装在div中然后应用了点击事件，请检查这是否是您想要的：）

$('.user-details').click(function() {
    $('.user-details').css('background', 'transparent');
    $(this).css('background', 'green');
});

Answer 2

我认为你应该使用table为什么要对表使用div标签。如果你想突出显示

使用此行。尝试使用此代码我认为它的工作。但是你需要在其中加一个div

 <div id="checkbox_list">
    <% @users.each do |user| %>
    <div id="<%= user.id %>" onclick="admin_select('<%=user.id%>')" class="admin-select">
      <div class="email-admin-detail"><%= user.email %></div>
      <div class="date-admin-detail"><%= user.created_at.strftime("%m/%d/%Y")%></div>
      <div class="added-by-admin-detail"><%= user.added_by %></div>
    </div>
<% end %>

我正在制作额外的div，并提供此用户ID，并在其上调用onclick javascript事件。

这是jquery代码

 function admin_select(id) {
$(".admin-select").children().each(function () {
    $(this).removeClass("color_class");
});
$("#" + id).children().each(function () {
    $(this).addClass("color_class");
});

}

检查....

突出表格行与一些背景颜色

2 个答案: