異なるjqueryテーブルの結果

Question

this questionの適切なjqueryを取得しようとしているうちに、質問がありました。これらの似たような出力はありませんか？最初の1にも出力tr内divを置くdiv秒のclass

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()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table id=5 aria-label="Help"> 
 
    <thead></thead> 
 
    <tbody> 
 
    <tr> 
 
     <div class='abc'> 
 
     <label><a><span class='text'>Game of thrones</span></a></label> 
 
     </div> 
 
    </tr> 
 
    <tr> 
 
     <div class='abc'> 
 
     <label><a><span class='text'>Harry Potter</span></a></label> 
 
     </div> 
 
    </tr> 
 
    <tr> 
 
     <div class='abc'> 
 
     <label><a><span class='text'>X-Men</span></a></label> 
 
     </div> 
 
    </tr> 
 
    <tr> 
 
     <div class='abc'> 
 
     <label><a><span class='text'>X-Men 2</span></a></label> 
 
     </div> 
 
    </tr> 
 
    <tr> 
 
     <div class='abc'> 
 
     <label><a><span class='text'>X-Men 3</span></a></label> 
 
     </div> 
 
    </tr> 
 
    </tbody> 
 
</table>

Answer 1

はあなたを壊す、あなたのためのレイアウト無効なHTMLですので、ブラウザ「修正」しません予想される階層に依存するセレクタ。

ここで検査官が示して何：

<div class="abc"> 
    <label><a><span class="text">Game of thrones</span></a></label> 
</div> 
<div class="abc"> 
    <label><a><span class="text">Harry Potter</span></a></label> 
</div> 
<div class="abc"> 
    <label><a><span class="text">X-Men</span></a></label> 
</div> 
<div class="abc"> 
    <label><a><span class="text">X-Men 2</span></a></label> 
</div> 
<div class="abc"> 
    <label><a><span class="text">X-Men 3</span></a></label> 
</div> 
<table id="5" aria-label="Help"> 
    <thead></thead> 
    <tbody> 
    <tr> 

    </tr> 
    <tr> 

    </tr> 
    <tr> 

    </tr> 
    <tr> 

    </tr> 
    <tr> 

    </tr> 
    </tbody> 
</table> 

https://jsfiddle.net/bduhtfL6/