获取父(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

• Take (其父元素的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