不同的jquery表结果

在尝试为这个问题找到合适的jquery时，我遇到了一个问题。 不应该每个都有类似的产出吗？ 第一个甚至不输出div的类

 var list = document.querySelectorAll('[aria-label="Help"]'); console.log('&&&&&&&&&&&&&&'); $('[aria-label="Help"] tr div').each(function() { console.log($(this).attr('class')); console.log($(this).text()); }); console.log('&&THIS ONE WORKS&&&'); $('.text:not(:contains(X-Men 2),:contains(X-Men 3))').each(function() { console.log($(this).text()); }); console.log('&&&&&&&&&&&&&&'); $('[aria-label="Help"] .text:not(:contains(X-Men 2),:contains(X-Men 3))').each(function() { console.log($(this).text()); }); console.log('&&&&&&&&&&&&&&'); $('.text:not(:contains(X-Men 2),:contains(X-Men 3))',$(list)).each(function() { console.log($(this).text()); }); 

  
 Game of thrones 
 Harry Potter 
 X-Men 
 X-Men 2 
 X-Men 3 
 

Answer 1

将div放在tr是无效的html，因此浏览器会“修复”您的布局，从而打破依赖于预期层次结构的选择器。

这是检查员显示的内容：

 
 Game of thrones 
 
 Harry Potter 
 
 X-Men 
 
 X-Men 2 
 
 X-Men 3 
  

https://jsfiddle.net/bduhtfL6/