jQuery 选择器难以理解的问题

Question

<强> I have following example

它应该做什么:

• 检查是否有 .box-wrapper在文档中
• 如果是，并且.tabs li a上有一个点击事件
• 查找.selected并将 class 设置为空字符串
• 查找 this 的父级- 单击链接并添加 .selected

如您所见，最后一步失败了。 console.log( $('this').parent('li') ); = []

为什么？怎么了？非常感谢任何建议。

Answer 1

this 是一个 DOM 对象，而不是选择器字符串，因此您需要:

$(this).parent('li').addClass('selected');
console.log($(this).parent('li'));

而不是:

$('this').parent('li').addClass('selected');
console.log($('this').parent('li'));

$('this') 将导致 jQuery 构造一个对象，该对象包装与您的选择器匹配的所有元素。 “this”不是有效的选择器，因此您会收到“选择器无法理解”的错误，而 $(this) 指的是 jQuery 包装的单击 anchor 。