jquery - Jquery でテーブルから選択したテキストを取得する

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

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

Answer 2

私はあなたが望むものだけで興味深いものを見つけました。次のようなものかもしれません:

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 and replace it?

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

このフィドルを参照してください

Answer 4

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