Question

 <ul class="dropdown-menu" id="neither_nor_selector"  style="text-decoration: none;left: 18%;min-width: 65px;">
          <li><a title="neither">neither</a></li>
          <li><a title="nor">nor</a></li>
 </ul>

如何显示所选列表项文本

$("#neither_nor_selector option:selected").text()?

Answer 1

如果你不想使用选择，你可以这样做。

   $(".dropdown-menu li").on("click", function(){
       //get the text here
       var myText = $(this).find("a").text();
       console.log(myText);
   });

这只会点击任何一个li（我不知道你选择了什么事件，所以它可以改变我猜）。然后你可以用它做你需要的。

或者你可以重新设置选择标签的样式，看看你喜欢什么（假设你想要一个真正的下拉菜单）。

示例小提琴 - https://jsfiddle.net/v53aubL3/

Answer 2

您可以将类分配给任何内容，然后为每个元素分配不同的ID：

 <li class="foo" id="first"><a title="neither">neither</a></li>
              <li class="foo" id="nor"><a title="nor">nor</a></li>

JS：

$(".foo").click(function() {

var bar = $(this).attr('id');
alert(bar);
});

使用jquery库在锚列表元素中获取文本

2 个答案: