Re: [問題] 每個段<p>入面的第一個<br>前面插入分號
※ 引述《Nitschke (下載至死)》之銘言:
直接用你給的範例做修改:
http://codepen.io/arthow4n/pen/JRJkGw
var targets = document.querySelectorAll('p br:first-of-type');
[].forEach.call(targets, function (e) {
e.insertAdjacentText('beforebegin', ';')
});
首先選擇你所有的 p 其下所有的第一個 br
(利用:first-of-type來避開是:first-child的<span>),
再來對所有選中的dom節點(那些<br>)進行loop
([].forEach.call只是偷懶的方法,for迴圈也可去loop那個targets),
對每一個選取到的元素進行原生的 insertAdjacentText 插入文字節點。
插的位置也可以改動,參考:
https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentText
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.168.84.55
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1475076761.A.1B6.html
※ 編輯: Hevak (1.168.84.55), 09/28/2016 23:33:39
→
09/29 10:27, , 1F
09/29 10:27, 1F
→
09/29 10:29, , 2F
09/29 10:29, 2F
→
09/29 12:39, , 3F
09/29 12:39, 3F
→
09/29 12:43, , 4F
09/29 12:43, 4F
→
09/29 12:44, , 5F
09/29 12:44, 5F
→
09/29 13:11, , 6F
09/29 13:11, 6F
→
09/30 10:38, , 7F
09/30 10:38, 7F
推
09/30 13:24, , 8F
09/30 13:24, 8F
→
09/30 13:24, , 9F
09/30 13:24, 9F
→
09/30 13:25, , 10F
09/30 13:25, 10F
推
09/30 13:32, , 11F
09/30 13:32, 11F
推
09/30 14:54, , 12F
09/30 14:54, 12F
→
10/01 00:38, , 13F
10/01 00:38, 13F
→
10/01 13:36, , 14F
10/01 13:36, 14F
→
10/01 17:10, , 15F
10/01 17:10, 15F
→
10/01 17:10, , 16F
10/01 17:10, 16F
→
10/01 17:10, , 17F
10/01 17:10, 17F
推
10/03 09:03, , 18F
10/03 09:03, 18F
→
10/03 09:05, , 19F
10/03 09:05, 19F
討論串 (同標題文章)
完整討論串 (本文為第 2 之 3 篇):
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章