单击时选中div中的单行

Question

我希望在单击时突出显示div中的单行（而不是选择整个div）

我可以根据需要使用jquery或javascript。

div新行由br标记分隔。

<div class="selectline">
    aaaaaaaaaaaaaabbbbbbbbbbbbbccccccccccccccccc<br>
    aaaaaaaaaaaaaabbbbbbbbbbbbbccccccccccccccccc<br>
    aaaaaaaaaaaaaabbbbbbbbbbbbbccccccccccccccccc<br>
</div>

谢谢。

请注意：文本需要高位 - 如果我正确并单击并选择复制它将复制整行。

Answer 1

看看这个小提琴，我相信它会做你需要的，包括通过点击所选项目http://jsfiddle.net/LAgqa/

删除所选项目

注意HTML，你必须在标签中包装每一行，我在这个例子中选择了span。

$('.selectline > span').click(function(){
    var t = $(this);
    if (t.hasClass('selected')) {
        t.removeClass('selected');
    } else {
        t.parent().children('span').removeClass('selected');
        $(this).addClass('selected');
    }
});