0

有没有一种方法可以在 _mouseStop 之后使用 jquery 在表格中获取选定的文本?

<table id='grid' class='TableStyle'>

    <tr>
        <td class='cellGrid'>F</td>                                                                      
        <td class='cellGrid'>W</td>
    </tr>

    <tr>
        <td class='cellGrid'>F</td>                                                                      
        <td class='cellGrid'>W</td>
    </tr>

</table>

当文本被突出显示时,那个 的类td被更改为cellHighlight

我认为我需要在表格网格中循环并找到他们的类是cellHighlight然后.text()用来获取值的那些?

我对吗?如果是,有没有办法做到这一点?

谢谢

4

5 回答 5

2

如果一次只能突出显示一 (1) 个,那么您可以这样做

var hightlightedText = $('table#grid td.cellHighlight').text();
console.log(hightlightedText);

但是,如果您有多种情况:

var cells = $('#grid .cellHighlight');
var texts = []
$.each(cells, function(index){
    texts.push($(cells[index]).text());
});
console.log(texts);
>> ["W", "F"]

在这里找到一个示例 JsFiddle

于 2013-04-17T07:55:37.793 回答
1
 var txt = $("#grid .cellHighlight").text()
于 2013-04-17T07:47:57.837 回答
0

如果您只想在页面上的任何位置获取 selectedText 。你应该做这个。

function getSelectionText() {
    var text = "";
    if (window.getSelection) {
        text = window.getSelection().toString();
    } else if (document.selection && document.selection.type != "Control") {
        text = document.selection.createRange().text;
    }
    alert( text);
}

看到这个小提琴

于 2013-04-17T07:51:21.917 回答
0

我发现了一些你想要的有趣的东西,可能是这样的:

function getSelectionHtml() {
    var html = "";
    if (typeof window.getSelection != "undefined") {
        var sel = window.getSelection();
        if (sel.rangeCount) {
            var container = document.createElement("div");
            for (var i = 0, len = sel.rangeCount; i < len; ++i) {
                container.appendChild(sel.getRangeAt(i).cloneContents());
            }
            html = container.innerHTML;
        }
    } else if (typeof document.selection != "undefined") {
        if (document.selection.type == "Text") {
            html = document.selection.createRange().htmlText;
        }
    }
    alert(html);
}

艾莉森在这篇文章How to get selected(user-highlighted) text in contenteditable element 中回答了这个问题并替换它?

于 2013-04-17T07:56:26.300 回答
0
$("#grid .cellGrid").mouseup( function(){    
    alert($(this).html());
});
于 2013-04-17T08:06:26.917 回答