在我的Chrome扩展程序中，我想删除一个特定的部门（例如Feed_body_3R0rO），如果它的（间接）父部门具有特定的ID（例如app），并且它的一个（间接）子部门的属性是title，并且它的值满足特定的条件（例如nickname === "key"）：
第一个变量（feeds）工作正常，但第二个变量（nicknames）总是返回空列表。
我可以得到一些帮助，为什么会这样？

var feeds = document.querySelector("div#app")

//console.log("div app:")
//console.log(feeds)

var nicknames = feeds.querySelectorAll(".Feed_body_3R0rO a span[title]")

console.log("nicknames:")
console.log(nicknames)

<div id="app">
... (many layers of divisions...)

<div class="Feed_body_3R0rO">
... (many layers of divisions...)
  <div class="woo-box-item-flex head_main_3DRDm">
     <div class="woo-box-flex woo-box-column woo-box-justifyCenter head_content_wrap_27749">
        <div class="woo-box-flex woo-box-alignCenter head_nick_1yix2">
           <a class="ALink_default_2ibt1 head_cut_2Zcft head_name_24eEB" href="/u/123456789"><span title="myNickName">myNickName</span></a>
        </div>
     </div>
  </div>
... (many layers of divisions...)
</div>

... (many layers of divisions...)
</div>