javascript - 在点击事件中读取一个SPAN的内容

Question

我如何创建一个 .click() 函数，如果 span 的文本是“Option1”，它将使我能够执行某些操作(例如 alert( '你选择了选项 1');).

<ul class="tabs" style="height: 27px;">
  <li class="tabs-selected"><a href="javascript:void(0)" class="tabs-inner" style="width: 112px; height: 27px; line-height: 25px;"><span class="tabs-title">Option1</span><span class="tabs-icon"></span></a>
  </li>
  <li><a href="javascript:void(0)" class="tabs-inner" style="width: 112px; height: 27px; line-height: 25px;"><span class="tabs-title">Option2</span><span class="tabs-icon"></span></a>
  </li>
  <li><a href="javascript:void(0)" class="tabs-inner" style="width: 112px; height: 27px; line-height: 25px;"><span class="tabs-title">Option3</span><span class="tabs-icon"></span></a>
  </li>
</ul>

Answer 1

$(function() {
    $("ul").on("click", "li", function() {
        alert("You selected: " + $(this).text());
    });
});