使用 jquery，您可以直接在 jquery 對(duì)象上啟動(dòng)“for each”循環(huán)，如下所示：
$("ul li:contains('Status: My status')").each(function(i,li){
console.log('h3:',$(li).closest('ul').prevAll('h3:first').text());
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h3>ToBeExtracted 1</h3>
<div class="description">
</div>
<ul>
<li>some padding</li>
<li>and some more ...</li>
<li>Status: My status</li>
</ul>
<h3>ToBeExtracted 2</h3>
<div class="description">
</div>
<ul>
<li>some padding</li>
<li>and some more ...</li>
<li>Status: My status</li>
<li>some padding</li>
<li>and some more ...</li>
</ul>
<h3>ToBeExtracted 3</h3>
<div class="description">A Div in between ...
</div>
<ul>
<li>and</li>
<li>Status: My status</li>
<li>some</li>
<li>more</li>
<li>padding</li>
<li>and</li>
<li>some</li>
<li>more</li>
<li>padding</li>
</ul>
您需要先“爬上”到<ul>元素，然后.prevAll('h3:first')在同一層向后看 ( )，直到遇到第一個(gè)<h3>元素。
編輯：
這是第二個(gè)更強(qiáng)大的 Vanilla JS 解決方案，可以處理任何文檔結(jié)構(gòu)。它只是查看<h3>和<li>元素的序列- 無(wú)論它們?nèi)绾味询B - 并返回所需的命中：
var h3,res=[];
[...document.querySelectorAll('h3,li')].forEach(e=>{
if(e.nodeName=='H3') h3=e;
if(e.nodeName=='LI' &&
e.innerText.indexOf('Status: My')>-1) res.push(h3.innerText);
});
console.log(res);
<h3>ToBeExtracted 1</h3>
<div class="description">
</div>
<div>
this is a div, encasing the first UL section
<ul>
<li>some padding</li>
<li>and some more ...</li>
<li>Status: My status</li>
</ul>
end of container-div
</div>
<h3>ToBeExtracted 2</h3>
<div class="description">
</div>
<ul>
<li>some padding</li>
<li>and some more ...</li>
<li>Status: My status</li>
<li>some padding</li>
<li>and some more ...</li>
</ul>
<h3>ToBeExtracted 3</h3>
<div class="description">A Div in between ...
</div>
<ul>
<li>and</li>
<li>Status: My status</li>
<li>some</li>
<li>more</li>
<li>padding</li>
<li>and</li>
<li>some</li>
<li>more</li>
<li>padding</li>
</ul>
