javascript - 单击按钮时选择文本

Question

到目前为止，我有这个：

<span class="description">Description 1</span>
<button class="select">Select!</button>

<span class="description">Description 2</span>
<button class="select">Select!</button>

<span class="description">Description 3</span>
<button class="select">Select!</button>

<span class="description">Description 4</span>
<button class="select">Select!</button>

我想要按钮选择“描述”类元素中的文本，但仅适用于前一个。那可能吗？也就是如果用户点击第一个选择按钮，描述 1 将被选中。

注意：在选择中，我的意思是应该突出显示文本。提前致谢

Answer 1

用于prev()获取上一个元素：

 $("button").click(function(){
      var text = $(this).prev().text();
      alert(text);
 }); 

见演示：http: //jsfiddle.net/maxdK/

Answer 2

要突出显示文本，您可以更改文本样式或应用任何 CSS 属性，例如
$(this).prev().css("background-color","re​​d");

或者你可以添加任何 CSS

$(this).prev().addClass("css-class");