如何使用jquery捕获所有内部pre元素

Question

我有一个代码块，它位于带有类和uniqueId的pre元素中。 这是php和创建它的javascript的一部分：

 $Result = "jQuery(document).ready(function($) {
     var pp = false;

     $('.Message').livequery(function () {

        $('pre', this).addClass('prettyprint$Class');
        $('pre').uniqueId();

我想要实现的目标：只需单击一下，就必须选择代码块中的所有内容（如下图所示）。我怎么能这样做？

Answer 1

试试这个：

小提琴：http://jsfiddle.net/z5anL4v1/1/

HTML：

<pre id="test">
    var x = 10;
    console.log(x);
</pre>

JS：

var test = document.getElementById('test');
$(test).on('click', function () {
    var selection = window.getSelection();
    var range = document.createRange();
    range.selectNodeContents(test);
    selection.removeAllRanges();
    selection.addRange(range);
});