回答編集履歴

3

修正

2018/03/11 17:45

投稿

kszk311
kszk311

スコア3404

test CHANGED
@@ -1,4 +1,4 @@
1
- 例を用いて説明すると、下記のような結果になりま
1
+ 例を用いて試したら、下記のような結果になりました
2
2
 
3
3
 
4
4
 

2

修正

2018/03/11 17:45

投稿

kszk311
kszk311

スコア3404

test CHANGED
@@ -20,7 +20,7 @@
20
20
 
21
21
  console.log($('#test_space a').text());// 3
22
22
 
23
- console.log($('div[id="test_dot a"]').text());// 取得出来ない
23
+ console.log($('div[id="test_space a"]').text());// 1(取得できてしまった…)
24
24
 
25
25
  console.log($('#test_dot.a').text());// 5
26
26
 
@@ -32,8 +32,10 @@
32
32
 
33
33
 
34
34
 
35
- IDに、半角はつけられない。(子要素を検索してしまう)
35
+ 半角の場合子要素を検索する。
36
36
 
37
- ドットがあると、クラスとして判定してしまう
37
+ ドットがあると、クラスとして判定する
38
38
 
39
- 一応取得出来る書き方はある([w3.orgでもOKらしい](https://www.w3.org/TR/REC-html40/types.html#type-name))が、クラスと混在するため、あまり使用しない方がいいと思います。
39
+ 一応取得出来る書き方はある(ドットについては[w3.orgでもOKらしい](https://www.w3.org/TR/REC-html40/types.html#type-name))が、クラスと混在するため、あまり使用しない方がいいと思います。
40
+
41
+ タグの文字列で取得すれば、スペースの時も取得出来てしまいましたが、本来の用途としてはNGですね。

1

ちょっと修正

2018/03/11 17:01

投稿

kszk311
kszk311

スコア3404

test CHANGED
@@ -16,13 +16,17 @@
16
16
 
17
17
  ```javascript
18
18
 
19
- console.log($('#test_space a').text());// 3
19
+ $(function(){
20
20
 
21
- console.log($('#test_dot.a').text());// 5
21
+ console.log($('#test_space a').text());// 3
22
22
 
23
- console.log($('div[id="test_dot.a"]').text());// 4
23
+ console.log($('div[id="test_dot a"]').text());// 取得出来ない
24
24
 
25
+ console.log($('#test_dot.a').text());// 5
25
26
 
27
+ console.log($('div[id="test_dot.a"]').text());// 4
28
+
29
+ })
26
30
 
27
31
  ```
28
32