单击按钮时选择文本

Select text when clicked on a button

本文关键字：文本 选择 按钮 单击      更新时间：2023-09-26

到目前为止，我有这个：

<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"类元素中的文本，但仅适用于前一个。这可能吗？也就是说，如果用户单击第一个选择按钮，则将选择描述 1。

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

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

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

查看演示：http://jsfiddle.net/maxdK/

要突出显示文本，您可以更改文本样式或应用任何 css 属性，例如
$（this）.prev（）.css（"background-color"，"red"）;

或者您可以添加任何 CSS

$(this).prev().addClass("css-class");
相关文章：