0

私はこのhtmlコードを持っています:

<h2>A</h2>
<span>
    <p>Compare BookA. 12:2; BookB. 41:4; 44:6; BookC. 1:11,17; 2:8.</p>
</span>

そしてこの JavaScript:

<script type='text/javascript'>//<![CDATA[ 
    window.onload=function(){
        var span = document.querySelector('span');

        txt = span.innerHTML;

        txt = txt.replace(/(BookA)\. ([\d:,; -]+)/g, function (match, book, verses) {
            var link = '';
            verses.split(/;\s+/).forEach(function (elem) {
                if(elem.length > 0) // <== Alytrem's Solution
                    link += '<a>' + book + ' ' + elem + '</a> ';
            });
            return link;
        });
        span.innerHTML = txt;
    }//]]>
</script>

これを使用して、必要なものを生成します。

txt = txt.replace(/(BookA|BookB|BookC)\. ([\d:,; -]+)/g, function (match, book, verses)

しかし、次のように返されます。

<a>BookA 12:2</a> <a>BookA</a> <a>BookB 41:4</a> <a>BookB 44:6</a> <a>BookB</a> <a>BookC 1:11,17</a> <a>BookC 2:8</a>

私がこれを試したとき：

txt = txt.replace(/(BookA)\. ([\d:,; -]+)/g, function (match, book, verses)

以下のように返されます。

Compare <a>BookA. 12:2</a> <a>BookA</a> BookB. 41:4; 44:6; BookC. 1:11,17; 2:8.

私が取得したいのは次のようなものです:

Compare <a>BookA. 12:2</a> <a>BookB. 41:4</a> <a>BookB. 44:6</a> <a>BookC. 1:11,17</a> <a>BookC. 2:8</a>

何か案は？ありがとう。

アップデート

Alytrem のソリューションに感謝します。しかし、まだ問題があります。詩の前に数字があるとします。

txt = txt.replace(/(1 BookA|2 BookA|BookB)\. ([\d:,; -]+)/g, function (match, book, verses)

と、こんな言葉があります。

1 BookA 15:3; 2 BookA 11:20-22

次のように返されます。

<a>1 BookA 15:3</a> <a>1 BookA 2</a> BookA 11:20-22
4

1 に答える 1

2

その理由は

"12:2; ".split(/;\s+/) gives you ["12:2",""].

これはあなたの解決策です：

txt.replace(/(BookA|BookB|BookC)\. ([\d:,; -]+)/g, function (match, book, verses) {
    var link = '';
    verses.split(/;\s+/).forEach(function (elem) {
        if(elem.length > 0) // <== solution
        link += '<a>' + book + ' ' + elem + '</a> ';
    });
    return link;
});
于 2013-04-08T12:21:21.303 に答える