jQuery and iOS devices



我有html格式的纯文本。我将类添加到某些标签,以使用 jQuery 即时格式化它们。

在PC和Android上一切正常,但在iOS上什么也没发生。可能有什么错误?

示例代码如下

<script>
var $=jQuery.noConflict();
jQuery( document ).ready(function() { 
var dialog = $( "p:has(strong)" ).addClass( "wi-dialog" );
var chapter = $( "p:has(ins)" ).addClass( "wi-chapter" );
dialog.html(function(i, v) { return v.replace(/(?<=n)s*((.*?)).*?/g, '<span class="wi-remark">$&</span>') });
var more = $(".wi-remark:contains(MORE)").addClass( "wi-more").removeClass( "wi-remark");
var p = $('p:not(.wi-dialog,.wi-chapter)');
p.filter(function() { 
return ((/^[0-9.]+$/).test($(this).html())); 
}).addClass("wi-number");
p.filter(function() {
return ((/^(THE END)+$/).test($(this).html())); }).addClass( "wi-end" );
});
});
</script>

问题就在这里

dialog.html(function(i, v) { return v.replace(/(?<=n)s*((.*?)).*?/g, '<span class="wi-remark">$&</span>') });

文本示例

<p><strong>HENRY</strong>
Gather more wood.</p>
<p>Fitzgerald waits for Henry to turn, then gives his back an exaggerated salute.</p>
<p><strong>FITZGERALD</strong><br>
(under his breath)<br>
Shame my Pap was a broken down drunk. Else he could’ve bought me a Captain’s job too.</p>
<p>Boone snickers. Fitzgerald stomps his boot onto a branch, easily snaps it into two easy-to-carry pieces.</p>
<p><strong>FITZGERALD</strong> (CONT’D)<br>
We got a plan for these fires, Captain, or are we roastin’ berries all the way up to Fort Union?</p>
<p><strong>HENRY</strong><br>
Glass and the others will be back with some game, Fitzgerald. Just make sure you have the fires ready.</p>
<p><strong>FITZGERALD</strong><br>
My supper’s in the hands of a injun- lover, a peach-fuzz kid and a half- wit dummy. Hell, my belly feels full already.</p>

此解决方案应该适合您。问题是负面的回溯,这在某些iOS版本上不起作用。现在,它改用非捕获组。

$(document).ready(function(){
var dialog = $( "p:has(strong)" ).addClass( "wi-dialog" )
for (var i = 0; i < dialog.length; i++) {
e = dialog.eq(i)
var e_html = e.html()
var pattern = /(?:n)s*((.*?)).*?/gm
var match = pattern.exec(e_html)
while (match != null) {
e_html = e_html.replace(match[1], '<span class="wi-remark">$&</span>')
match = pattern.exec(e_html)
}
e.html(e_html)
}
})
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
</head>
<body>
<p>
<strong>FITZGERALD</strong> (CONT’D)<br>
Shut up, boy, you don’t get no say in this.<br>
(back to Henry)<br>
And in case you hadn’t noticed, Captain, we’re seventeen men short of what we were.
(off the wounded trapper)<br>
Eighteen before long.
</p>
<p>
<strong>FITZGERALD</strong><br>
(under his breath)<br>
Shame my Pap was a broken down drunk. Else he could’ve bought me a Captain’s job too.
</p>
</body>
</html>

最新更新