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

回答編集履歴

6

a

2016/06/11 07:48

投稿

mpyw
mpyw

スコア5223

answer CHANGED
@@ -1,3 +1,6 @@
1
+ ごめんなさい,これやってること逆でした… ↓
2
+ (後で直します)
3
+
1
4
  ```html
2
5
  <!DOCTYPE html>
3
6
  <meta charset="UTF-8">

5

a

2016/06/11 07:48

投稿

mpyw
mpyw

スコア5223

answer CHANGED
@@ -32,4 +32,6 @@
32
32
  });
33
33
  });
34
34
  </script>
35
- ```
35
+ ```
36
+
37
+ ![イメージ説明](1b14a1b20cc5870fb5235e92723d9056.png)

4

a

2016/06/11 07:47

投稿

mpyw
mpyw

スコア5223

answer CHANGED
@@ -24,8 +24,8 @@
24
24
  var reg = /\b(before|after)-(\d+)\b/g;
25
25
  var cls = p.getAttribute('class');
26
26
  var m;
27
- while ((m = reg.exec(cls)) != null) {
27
+ while ((m = reg.exec(cls)) !== null) {
28
- var pos = m[1] == 'before' ? 'beforebegin' : 'afterend';
28
+ var pos = m[1] === 'before' ? 'beforebegin' : 'afterend';
29
29
  var txt = new Array(parseInt(m[2]) + 1).join('&nbsp;');
30
30
  p.insertAdjacentHTML(pos, txt);
31
31
  }

3

a

2016/06/11 07:45

投稿

mpyw
mpyw

スコア5223

answer CHANGED
@@ -21,16 +21,13 @@
21
21
 
22
22
  addEventListener('DOMContentLoaded', function () {
23
23
  Array.prototype.slice.call(document.getElementsByTagName('p')).forEach(function (p) {
24
- var r = /\b(before|after)-(\d+)\b/g;
24
+ var reg = /\b(before|after)-(\d+)\b/g;
25
- var c = p.getAttribute('class');
25
+ var cls = p.getAttribute('class');
26
26
  var m;
27
- while ((m = r.exec(c)) != null) {
27
+ while ((m = reg.exec(cls)) != null) {
28
- if (m[1] == 'before') {
29
- p.insertAdjacentHTML('beforebegin', new Array(parseInt(m[2]) + 1).join('&nbsp;'));
28
+ var pos = m[1] == 'before' ? 'beforebegin' : 'afterend';
30
- }
31
- if (m[1] == 'after') {
32
- p.insertAdjacentHTML('afterend', new Array(parseInt(m[2]) + 1).join('&nbsp;'));
29
+ var txt = new Array(parseInt(m[2]) + 1).join('&nbsp;');
33
- }
30
+ p.insertAdjacentHTML(pos, txt);
34
31
  }
35
32
  });
36
33
  });

2

a

2016/06/11 07:44

投稿

mpyw
mpyw

スコア5223

answer CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  addEventListener('DOMContentLoaded', function () {
23
23
  Array.prototype.slice.call(document.getElementsByTagName('p')).forEach(function (p) {
24
- var r = /\b(before|after)-(\d)\b/g;
24
+ var r = /\b(before|after)-(\d+)\b/g;
25
25
  var c = p.getAttribute('class');
26
26
  var m;
27
27
  while ((m = r.exec(c)) != null) {

1

a

2016/06/11 07:41

投稿

mpyw
mpyw

スコア5223

answer CHANGED
@@ -1,7 +1,7 @@
1
1
  ```html
2
2
  <!DOCTYPE html>
3
3
  <meta charset="UTF-8">
4
- <title></title>
4
+ <title>Example</title>
5
5
 
6
6
  <div>
7
7
  <p class="before-1 after-6">段落</p>
@@ -25,7 +25,6 @@
25
25
  var c = p.getAttribute('class');
26
26
  var m;
27
27
  while ((m = r.exec(c)) != null) {
28
- console.log(m);
29
28
  if (m[1] == 'before') {
30
29
  p.insertAdjacentHTML('beforebegin', new Array(parseInt(m[2]) + 1).join('&nbsp;'));
31
30
  }