html - 如何能够在事件选项卡上复制文本标题

Question

我想复制事件选项卡的标题，但无法突出显示事件选项卡上的文本。我试过这个，但我无法让它工作。

<ul class="nav nav-tabs">
    <li class="active"><a href="#" class="enableSelect">Home</a></li>
    <li><a href="#">Profile</a></li>
    <li><a href="#">Messages</a></li>
</ul>


.enableSelect {
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
}

Tabs example

Answer 1

也许它不完全支持这是mozilla网站上说的

This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

使用 jquery 切换事件链接

$(function() {
   $("li").click(function() {
      // remove classes from all
      $("li").removeClass("enableSelect");
      // add class to the one we clicked
      $(this).addClass("enableSelect");
   });
});

或者你可以用它来获取点击元素的文本

 $(function() {
       $("li").click(function() {
          var text = $(this).text()
       });
   });