jQuery:通过标签名称标记(选择)内容文本，无需 ID

Question

我想通过单击某些标签(例如 code)来选择内容文本(准备复制粘贴)。

当你有 ID 但我的代码标签没有 ID 时，我找到了解决方案:

<p>When I click <code>this code</code> I want it to be selected.</p>
<p>The code tags don't have IDs or tag names.</p>
<p>Here's some <code>other code</code>.</p>

这不起作用:

$("code").click(function(){
    $(this).select();
});

似乎 select() 仅适用于输入和文本区域。

测试:http://jsfiddle.net/n6R3t/

Answer 1

试试这个 jQuery 插件，由 Jason Edelman 在 this answer 中分享:

jQuery.fn.selectText = function(){
    var doc = document
        , element = this[0]
        , range, selection
    ;
    if (doc.body.createTextRange) {
        range = document.body.createTextRange();
        range.moveToElementText(element);
        range.select();
    } else if (window.getSelection) {
        selection = window.getSelection();        
        range = document.createRange();
        range.selectNodeContents(element);
        selection.removeAllRanges();
        selection.addRange(range);
    }
};

然后你可以像这样使用它:

$('code').click(function() {
    $(this).selectText();
});