Question

有没有办法在_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()来获取值？

我是对的吗？如果是，有办法吗？

由于

Answer 1

如果只有一个（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"]

An example JsFiddle found here

Answer 2

 var txt = $("#grid .cellHighlight").text()

Answer 3

如果您想要的只是在页面的任何位置获取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);
}

请参阅此fiddle

Answer 4

我发现了你想要的东西，可能是这样的东西：

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);
}

Alison在这篇文章How to get selected(user-highlighted) text in contenteditable element and replace it?

上回答了这个问题

Answer 5

$("#grid .cellGrid").mouseup( function(){    
    alert($(this).html());
});

从Jquery中的表中获取所选文本

5 个答案: