获取父级 (li) 的 ID 及其内容 (span)。切里奥

Question

我这里有一个代码，是通过抓取页面获得的：

<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）
Return 值 data-nume.

提前致谢。

Answer 1

尝试使用 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

获取父级 (li) 的 ID 及其内容 (span)。切里奥

Get the id of the parent (li) with its content (span). CHEERIO

html

javascript

node.js

cheerio