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

时间:2016-08-11 06:06:06

标签: javascript jquery html

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

https://s9.postimg.org/3str2tckf/Ask_Select_Table.png

<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>

1 个答案:

答案 0 :(得分:0)

尝试此功能应适用于所有主流浏览器,信用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