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>

我希望按钮选择“description”类元素中的文本，但仅限于前一个。那可能吗？ Aka如果用户点击第一个选择按钮，将选择描述1。

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

Answer 1

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

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

请参阅演示：http://jsfiddle.net/maxdK/

Answer 2

要突出显示文字，您可以更改文字样式，也可以应用任何css属性，例如
$（这）.prev（）的CSS（ “背景色”， “红色”）;

或者您可以添加任何CSS

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

单击按钮时选择文本

2 个答案: