OStack程序员社区-中国程序员成长平台

标题: jQuery 和 iOS 设备 [打印本页]
作者: 菜鸟教程小白    时间: 2022-12-13 05:38
标题: jQuery 和 iOS 设备

我有 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>


Best Answer-推荐答案


此解决方案应该适合您。问题是负面的后视，这在某些 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>

关于jQuery 和 iOS 设备，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57728760/





欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/) Powered by Discuz! X3.4