質問するログイン新規登録

質問編集履歴

3

修正

2018/04/30 05:03

投稿

ssk
ssk

スコア332

title CHANGED
File without changes
body CHANGED
@@ -13,11 +13,13 @@
13
13
  ```
14
14
 
15
15
  ```update.js.erb
16
+ # update.js.erb
16
17
  $("#admin-position-modal-form").modal("hide");
17
18
  $("tr[data-position-id=<%= @position.id %>]").html("<%= j(render @position) %>");
18
19
  ```
19
20
 
20
21
  ```_position.html.slim
22
+ # _position.html.slim
21
23
  tr
22
24
  td
23
25
  = link_to position.name, edit_position_path(position), remote: true

2

修正

2018/04/30 05:03

投稿

ssk
ssk

スコア332

title CHANGED
@@ -1,1 +1,1 @@
1
- jqueryで要素まるごと書き換える方法
1
+ update.js.erbからtableのtr要素まるごと書き換えたい
body CHANGED
@@ -1,4 +1,4 @@
1
- 任意のタイミングでtrの内容を変更したいです。
1
+ 更新するタイミングでtrを変更したいです。
2
2
  ``.html``で行うと、``tr``の中に``tr``が作られてしまい、レイアウトが崩れてしまいます。
3
3
  ``td``ではなく、``tr``をまるっと書き換えるにはどうしたら良いでしょうか?
4
4
 
@@ -12,6 +12,21 @@
12
12
  </table>
13
13
  ```
14
14
 
15
- ```javascript
15
+ ```update.js.erb
16
+ $("#admin-position-modal-form").modal("hide");
16
- $("tr[data-hoge-id=2]").html("<tr data-hoge-id=2><td>内容を変更</td></tr>");
17
+ $("tr[data-position-id=<%= @position.id %>]").html("<%= j(render @position) %>");
18
+ ```
19
+
20
+ ```_position.html.slim
21
+ tr
22
+ td
23
+ = link_to position.name, edit_position_path(position), remote: true
24
+ td
25
+ = l(position.created_at)
26
+ td
27
+ = l(position.updated_at)
28
+ td
29
+ = position.creator.full_name
30
+ td
31
+ = position.updater&.full_name
17
32
  ```

1

修正

2018/04/30 05:02

投稿

ssk
ssk

スコア332

title CHANGED
File without changes
body CHANGED
@@ -13,5 +13,5 @@
13
13
  ```
14
14
 
15
15
  ```javascript
16
- $("tr[data-hoge-id=2]").html("<tr><td>内容を変更</td></tr>");
16
+ $("tr[data-hoge-id=2]").html("<tr data-hoge-id=2><td>内容を変更</td></tr>");
17
17
  ```