jQuery如何获取指定class标签的子li里的a标签文字？

Question

<div class="col-md-3">
<ul class="ver-inline-menu tabbable margin-bottom-10">

<li><a data-toggle="tab" href="#1"><i class="fa fa-plus"></i> 苹果 </a></li>

<li><a data-toggle="tab" href="#2"><i class="fa fa-plus"></i> 萝卜 </a></li>

<li><a data-toggle="tab" href="#3"><i class="fa fa-plus"></i> 香蕉 </a></li>
</ul>
</div>
                      
                      

想要取出苹果、萝卜、香蕉。

试了$('.ver-inline-menu tabbable margin-bottom-10').find('li').html();
不行啊

Answer 1

$(".ver-inline-menu").children().text()用这个就可以了，你写的连找元素都没找到！

Answer 2

$('.ver-inline-menu').find('li').html();

你包含了三个类名，而且有两个没有.，自然找不到， 只用其中的一个类名就好了。更详细一点的：

$('.ver-inline-menu').find('li').find('a').text();

Answer 3

$('.ver-inline-menu').find('li').eq(0).find('a').text();

$('.ver-inline-menu').find('li').eq(1).find('a').text();

$('.ver-inline-menu').find('li').eq(2).find('a').text();

Answer 4

$('.ver-inline-menu li a').text();

Answer 5

$('.ver-inline-menu li a').text();就可以了 真的 我试过了 大胆的用 别怕

Answer 6

题主的选择器写错了
不能把class属性的字符串贴进去就ok。
如$('.ver-inline-menu tabbable margin-bottom-10').find('li').html();
而应该是class的每一个值前都加“.”并去除空格
像这样写
$('.ver-inline-menu.tabbable.margin-bottom-10').find('li').html();

感觉题主急需看一下css 选择器的知识。

Answer 7

('.ver-inline-menu,.tabbable,.margin-bottom-10').find('li').html()
同时选择几个class 记得加上用逗号分隔