javascript - 通过JQuery选择li元素的文本

Question

如何通过JQuery从列表元素中选择文本。我想要与 javascript 中的 .select() 相同的功能，但这仅适用于可编辑文本区域/输入框，有人可以指导我吗？列表元素的功能

我希望在 .click() 上选择列表文本。

Answer 1

试试这个:http://jsfiddle.net/bigneo/w0y5yrcr/1/

HTML

<ul id="ulmonth">
    <li>Jan</li>
    <li>Feb</li>
    <li>Mar</li>
    <li>Apr</li>
    <li>May</li>
    <li>Jun</li>
    <li>Jul</li>
    <li>Aug</li>
    <li>Sep</li>
    <li>Oct</li>
    <li>Nov</li>
    <li>Dec</li>    
</ul>

JS

$.fn.OneClickSelect = function(){
    return $(this).on('click',function(){
    var range, selection;
    if (window.getSelection) {
            selection = window.getSelection();        
            range = document.createRange();
            range.selectNode(this);
            selection.removeAllRanges();
            selection.addRange(range);
     } 
     else if (document.body.createTextRange) {
            range = document.body.createTextRange();
            range.moveToElementText(this);
            range.select();
     }
    });
};

// Apply to these elements
$('li, #all-select').OneClickSelect();

我想我在这篇文章中找到了你的答案: https://codereview.stackexchange.com/questions/38089/select-text-with-just-one-click