jquery:children() 与子选择器 ">"

Question

我有一个表，其中有一个类似于以下内容的部分:

<tr>
    <td> <span class="myclass"></span>
    </td>
<tr>

my $(this) 设置为 tr 元素，我正在尝试访问设置了“myclass”类的 Span 元素。以下似乎有效:

if ($(this).children('td').children('span').is('.myclass')){
    alert('in here');
}

但是当尝试使用这个时:

if ($(this).children("td > span").is('.myclass')){

或者这个:

if ($(this).children("td span").is('.myclass')){

事实并非如此。我认为上述两种方法中的任何一种都会得出类似的结果(尽管通过不同的方法)，但显然不会。

我在这里缺少什么？

谢谢!

Answer 1

children(selector) 将仅匹配那些与 selector 匹配的子项。 tr 的子级(td)无法匹配 td > span，因为 tr 没有span 子元素，仅限 tds 和 td > span !== td。

documentation这一点也很清楚:

Get the children of each element in the set of matched elements, optionally filtered by a selector.

<小时/>

您可能想要的是 .find() :

$(this).find("td > span")

它返回与选择器匹配的所有后代，而不仅仅是子代。