锚点内的目标跨度元素

Question

快速提问：

我有这个HTML标记：

<ul class="category_list">    
<a href="...">
<span class="category_item"></span>
<span class="category_description">Handy & Co.</span>
</a>

和这个JS：

$('.category_list a').each(function (){...}

现在我定位<a>内的所有category_list。

如何定位一个特定的<span>元素（在<a>内），而不仅仅是<a>？

Answer 1

您只需在选择器中添加span：

$('.category_list a span').each(function (){...}

对于您的示例，我假设您可以在迭代器中选择它，例如：

$('.category_list a').each(function(){
    $(this).children('span');
});

Answer 2

此选择器会选择<span>个<a>的子项.category_list的所有$('.category_list > a > span').each(function (){...}。

{{1}}

Answer 3

如果你想在一个单元中获得一个单独的跨度，你可以使用.get（）函数来完成 http://api.jquery.com/get/

$('.category_list a span').get(0)

或者如果你想遍历所有跨度，请执行此操作

$('.category_list a span').each(function (i,e){...}

我是当前跨度的索引 e是元素本身

Answer 4

就这样做

$('.category_list a:contains(About)').each(function (){...}

以上针对 .category_list 中的任何 a ，并且还包含关于

这个词

注意：“has”选择器区分大小写