我在這里有一個通過抓取頁面獲得的代碼:
<div>
<ul id="options">
<li id="option-1" data-nume="1">
<span class="title">Book</span>
<span class="site">fnac.com</span>
</li>
<li id="option-2" data-nume="2">
<span class="title">TV</span>
<span class="site">youtube.com</span>
</li>
</ul>
</div>
我想使用cheerio 或只是Vanilla JS 來查找父級(li)的id 及其內容(span)。
例子:
- 檢測span元素TV
- 取其父級的 id(此處為option-2)
- 回傳值data-num。
先感謝您。
uj5u.com熱心網友回復:
嘗試使用 filter()
https://api.jquery.com/filter/#filter-selector
const $tv = $('#options .title').filter(function() {
return $(this).text().trim().toLowerCase() === 'tv';
});
const tvNume = $tv.parent('[data-nume]').data('nume');
console.log(tvNume);
作業演示
https://codesandbox.io/s/ecstatic-tree-6hez6?file=/src/index.js
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/350387.html
標籤:javascript html 节点.js 啦啦队
