javascript - 如何使用 JavaScript/jQuery 选择(突出显示)表格中的所有文本？

Question

如何像这样使用 JavaScript/jQuery 选择(突出显示)表格中的所有文本？

<table id="HighlightThis">
<thead>
    <tr><th>Num.<th>Name
</thead>
<tbody>
    <tr><td>1.<td>Cat
    <tr><td>2.<td>Bird
    <tr><td>3.<td>Fish
</tbody>

Answer 1

试试这个功能应该适用于所有主流浏览器，感谢Tim Down

function selectElementContents(el) {
        var body = document.body, range, sel;
        if (document.createRange && window.getSelection) {
            range = document.createRange();
            sel = window.getSelection();
            sel.removeAllRanges();
            try {
                range.selectNodeContents(el);
                sel.addRange(range);
            } catch (e) {
                range.selectNode(el);
                sel.addRange(range);
            }
        } else if (body.createTextRange) {
            range = body.createTextRange();
            range.moveToElementText(el);
            range.select();
        }
    }

参见 fiddle