回答編集履歴
7
テキスト修正
test
CHANGED
@@ -114,9 +114,9 @@
|
|
114
114
|
|
115
115
|
|
116
116
|
|
117
|
-
|
117
|
+
上記の stackoverflow の回答を、 jsFiddle でやってみましたが、うまくいかず、
|
118
118
|
|
119
|
-
|
119
|
+
たとえば 以下のようなややめんどうなことをしなければなりませんでした。
|
120
120
|
|
121
121
|
|
122
122
|
|
@@ -130,7 +130,9 @@
|
|
130
130
|
|
131
131
|
|
132
132
|
|
133
|
-
上記のやり方でテキストを取ってくるのは、あまりシンプルとはいえない
|
133
|
+
上記のやり方でテキストを取ってくるのは、あまりシンプルとはいえないですし、
|
134
|
+
|
135
|
+
stackoverflow のどの回答も簡単とは言えなさそうですので、
|
134
136
|
|
135
137
|
回避策として、 各 `<li>` に data 属性を加えて、
|
136
138
|
|
6
テキスト修正
test
CHANGED
@@ -121,3 +121,41 @@
|
|
121
121
|
|
122
122
|
|
123
123
|
[https://jsfiddle.net/jun68ykt/nfeodgr0/42/](https://jsfiddle.net/jun68ykt/nfeodgr0/42/)
|
124
|
+
|
125
|
+
|
126
|
+
|
127
|
+
---
|
128
|
+
|
129
|
+
**備考3**
|
130
|
+
|
131
|
+
|
132
|
+
|
133
|
+
上記のやり方でテキストを取ってくるのは、あまりシンプルとはいえないので、
|
134
|
+
|
135
|
+
回避策として、 各 `<li>` に data 属性を加えて、
|
136
|
+
|
137
|
+
|
138
|
+
|
139
|
+
```html
|
140
|
+
|
141
|
+
<li id="4" data-text="子7-1">
|
142
|
+
|
143
|
+
子7-1
|
144
|
+
|
145
|
+
<ul>
|
146
|
+
|
147
|
+
・・・
|
148
|
+
|
149
|
+
```
|
150
|
+
|
151
|
+
とすれば、取得するところは、
|
152
|
+
|
153
|
+
|
154
|
+
|
155
|
+
```javascript
|
156
|
+
|
157
|
+
var dept_txt = $(this).data('text');
|
158
|
+
|
159
|
+
```
|
160
|
+
|
161
|
+
で、 "子7-1" を取ってこれます。
|
5
テキスト修正
test
CHANGED
@@ -105,3 +105,19 @@
|
|
105
105
|
|
106
106
|
|
107
107
|
[using-text-to-retrieve-only-text-not-nested-in-child-tags](https://stackoverflow.com/questions/3442394/)
|
108
|
+
|
109
|
+
|
110
|
+
|
111
|
+
---
|
112
|
+
|
113
|
+
**備考2**
|
114
|
+
|
115
|
+
|
116
|
+
|
117
|
+
ちょっとやってみましたが、たとえば 子7-1 をクリックしたときに、「子7-1」というテキストだけを
|
118
|
+
|
119
|
+
切り出したい場合、以下のようなややめんどうなことをしなければなりませんでした。
|
120
|
+
|
121
|
+
|
122
|
+
|
123
|
+
[https://jsfiddle.net/jun68ykt/nfeodgr0/42/](https://jsfiddle.net/jun68ykt/nfeodgr0/42/)
|
4
テキスト修正
test
CHANGED
@@ -84,7 +84,7 @@
|
|
84
84
|
|
85
85
|
---
|
86
86
|
|
87
|
-
備考
|
87
|
+
**備考**
|
88
88
|
|
89
89
|
|
90
90
|
|
@@ -96,7 +96,7 @@
|
|
96
96
|
|
97
97
|
```
|
98
98
|
|
99
|
-
で、 `.text()` は子要素のテキスト
|
99
|
+
で、 `.text()` は子要素のテキストも含めて拾ってきてしまいますが、
|
100
100
|
|
101
101
|
選ばれた `<li>` のテキストだけを取得したい場合は、
|
102
102
|
|
3
テキスト修正
test
CHANGED
@@ -79,3 +79,29 @@
|
|
79
79
|
|
80
80
|
|
81
81
|
以上参考になれば幸いです。
|
82
|
+
|
83
|
+
|
84
|
+
|
85
|
+
---
|
86
|
+
|
87
|
+
備考
|
88
|
+
|
89
|
+
|
90
|
+
|
91
|
+
以下の部分
|
92
|
+
|
93
|
+
```javascript
|
94
|
+
|
95
|
+
var dept_txt = $(this).text();
|
96
|
+
|
97
|
+
```
|
98
|
+
|
99
|
+
で、 `.text()` は子要素のテキストをすべて拾ってきてしまいますが、
|
100
|
+
|
101
|
+
選ばれた `<li>` のテキストだけを取得したい場合は、
|
102
|
+
|
103
|
+
以下の投稿が参考になるかもしれません。
|
104
|
+
|
105
|
+
|
106
|
+
|
107
|
+
[using-text-to-retrieve-only-text-not-nested-in-child-tags](https://stackoverflow.com/questions/3442394/)
|
2
テキスト修正
test
CHANGED
@@ -56,9 +56,9 @@
|
|
56
56
|
|
57
57
|
$("div > ul").on('click', 'li', function(event){
|
58
58
|
|
59
|
-
var dept_txt = $(this
|
59
|
+
var dept_txt = $(this).text();
|
60
60
|
|
61
|
-
var dept_id = $(this
|
61
|
+
var dept_id = $(this).attr('id');
|
62
62
|
|
63
63
|
alert(dept_txt);
|
64
64
|
|
1
テキスト修正
test
CHANGED
@@ -24,7 +24,7 @@
|
|
24
24
|
|
25
25
|
|
26
26
|
|
27
|
-
修正後: [https://jsfiddle.net/jun68ykt/nfeodgr0/
|
27
|
+
修正後: [https://jsfiddle.net/jun68ykt/nfeodgr0/12/](https://jsfiddle.net/jun68ykt/nfeodgr0/12/)
|
28
28
|
|
29
29
|
|
30
30
|
|