求助正则的大神,想实现点击 p 标签中的单词,并 alert 出这个单词。

2018-05-25 08:56:23 +08:00
 misaka20

下面是我的解决办法,但是最终答不到想要的效果

<p>
    In the browser
</p>
<p style="text-align:justify;">
    <span style="font-size: 16px; line-height: 2; font-family: Tahoma; background-color: rgb(255, 229, 0);">
        In conclusion, the polysaccharides from two seaweeds, Porphyra&nbsp;haitanensis and Enteromorpha prolifera changed significantly
        fecal microbiota content among the three groups at all levels.
        <strong>The results suggest that polysaccharide type</strong> and glycoside may contribute to shaping&nbsp;mice gut microbiota.
        Furtherly, we will determent their effect on fecal&nbsp;microbiota in the treatment of certain diseases.
    </span>
</p>
var p = $('p');

parseHTML(p);

function parseHTML(p) {
    for (var i = 0, length = p.length; i < length; i++) {
        var e = $(p[i]);
        if (e.children().length == 0) {
            e.html(function(index, oldHtml) {
                return oldHtml.replace(/\b(\w+?)\b/g, '<i class="word">$1</i>')
            });
            e.click(function(event) {
                if (event.target.tagName === 'I') {
                    alert(event.target.innerHTML);
                }
            });
        } else {

            parseHTML(e.children());
        }

    }
}

http://photo.weibo.com/1771131114/photos/large/photo_id/4243484310650850/album_id/3483606186757120

感觉应该有正则可以直接匹配所有的单词,但是又不包含 HTML 标签的部分,求教 V 友有办法解决嘛

1089 次点击
所在节点    问与答
2 条回复
InternetExplorer
2018-05-25 09:55:58 +08:00
misaka20
2018-05-25 09:59:54 +08:00
@InternetExplorer 由于是移动端,所以要求是点击,而不是类似于金山划词翻译。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/457623

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX