如何检查由具有指定类的span包装的选择文本

时间:2017-05-20 12:24:54

标签: javascript jquery html

我有一部分HTML见下文。

 <p>
   <span class="anon-sentence" id="sentence_10">
     <span class="artemis_soa ano-addrest" data-id="10-2-34" data-tag="ADDRESS" data-entity_id="10-2-34" >ADDRESS</span>
     3200
     <span class="artemis_soa ano-email" data-id="11-10-44" data-tag="EMAIL" data-entity_id="11-10-44" >EMAIL</span>
   </span>
 </p>

用户可以选择(绘制或双重选择)ADDRESS,3200或EMAIL等文本。我们只允许用户使用3200这样的纯文本,如果像ADDRESS或EMAIL这样的文本已被span =&#34; artemis_soa&#34;包裹,则返回空白。

这是我的代码。

function funGetSelectTxt() {
    var element = '';
    if (document.selection) {
        element = document.selection.createRange().text;
    } else {
        element = document.getSelection();
    }
    var selectText = $.trim(element.toString());

    if (selectText) {
        // todo. does this selectText wrapped by a span with class="artemis_soa" ?

        if (! true) {
            return selectText;
        }

    }
    return '';
 }

 $('#extracted-text').mouseup(function (e) {
    e = e || window.event;
    var selectText = funGetSelectTxt();
 });

mouseup事件触发函数funGetSelectTxt()以获取文本用户选择。我想要的是在函数funGetSelectTxt()中,一旦我选择了文本用户,需要检查文本是否用span =&#34; artemis_soa&#34;?

包裹

由于

0 个答案:

没有答案