Javascript 使用jQuery获取一个值

我有一些选项供用户只选择其中的一个，这些选项位于列表项

li

，当用户单击元素

a

<pre>
    <ul> 
    <li> 
        <a class="atributo-item" data-toggle="tooltip">
         <span> Option 1 </span> 
        </a>
    </li>
     <li> 
        <a class="atributo-item" data-toggle="tooltip">
         <span> Option 2 </span>
        </a>
    </li>
     <li> 
        <a class="atributo-item" data-toggle="tooltip">
         <span> Option 3 </span> 
        </a>
    </li>
    <li> 
        <a class="atributo-item" data-toggle="tooltip">
         <span> Option 4 </span> 
        </a>
    </li>
</ul>

<textarea id="consumer-message" class="fpp-field" name="Name baby" placeholder="Name baby"></textarea>

<a href="javascript:;" class="button">
  button
</a>

</pre>

当用户单击

li

时，将

span

值保存到变量中

在第二刻，当点击

a

时，保存在变量中的值必须在文本区域连接到已输入的值

HTML片段：

---

我希望下面的代码能够解决您的问题

我在末尾添加了单引号（'），因此将其从

$（'ul li a）

更改为

$（'ul li a'）

取一个全局变量

var selectedOption=''并使用它来存储值

在js中添加了
save
功能，并将
html
标记更新为



属性A是什么？请告诉我们您尝试了什么，以及如何将失败的可能重复的属性A复制到当前的代码中（现在，在问题中），您在
$（'ul li A）
中缺少了一个撇号你好，Karan先生，感谢您的帮助，它在JSFIDLE中运行良好，但生产不起作用，你还有别的选择吗？
$(document).ready(function() {
  $('ul li a').on('click', function(event){
    var brasao = $(this).text();
    var imprimir = ('Option select:' + brasao);
    console.log(imprimir)
  });
});