Javascript 如何在几个预科课中选择文本

我有以下html结构，我想选择基础pre中的文本：

<span>[Select text 1]</span>
<pre class="selectme">
Text 1 goes shere 
</pre>

<span>[Select text 2]</span>
<pre class="selectme">
Text 2 goes here
</pre>

现在发生的情况：如果单击第二个跨距，则选择第一个代码。应该是第二个 如何在不使用pre的ID的情况下实现这一点

使用

$.next（）

获取下一个元素

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

---

尝试更正扩展函数，因为

var element = this[0];

span{
光标：指针；
}

[选择文本1]
课文1去谢尔
[选择文本2]
文本2在这里

var element = this[0]; var element = event.target || event.srcElement; jQuery.fn.selectText = function(element){ if (document.body.createTextRange) { var range = document.body.createTextRange(); range.moveToElementText(element); range.select(); } else if (window.getSelection) { var selection = window.getSelection(); var range = document.createRange(); range.selectNodeContents(element); selection.removeAllRanges(); selection.addRange(range); } }; $(function () { $('span').click(function() { $('.selectme').selectText(this); }); });