javascript - 如何调用js获取合适的元素

Question

无法解决我的问题:加载页面时，部分 View 被隐藏。

这是这部分:

  <table>
  <% @websites.each do |website| %>
    <%if (current_user.id == website.user_id)%>
    <tr>
<td>  <%= link_to(image_tag("/images/caret-horizontal.png", id: "caret-horizontal"), '#') %> </td>
<td>  <h4><%= website.name %></h4> </td>
 </tr>
   </table>
 <table id="<%= website.id %>"> // or can be like this:
//I don't what variant is better
 <table id="table-data" data-id="<%= website.id %>">>
 <tr >

   <td >
 <%= website.url %>
   </td>

  </tr>
 <tr>

 <td >
 <%= website.category  %>

 </td>
 </tr>
 <tr>

 <td><%= website.language %></td>
 </tr>
 </table>

我可以像这样在 JavaScript 中获取属性(感谢好人):

   var yourWebsiteId = $("#table-data").attr("data-id");

如何选择合适的元素并显示它？我应该使用 getElementById 或类似的东西，但我不知道到底该怎么做。

如果可以的话，请帮助我。

Answer 1

$("#table-data").show()

您可以从 here 找到相关信息

$("#table-data") 获取对您尝试访问的 dom 部分的引用(# 表示 id，. 表示类)，一旦获得引用，您就可以调用任何您想要的 jquery 操作就在上面