使用cheerio 显示非隐藏内容 <td><span v-show="data.FndDrc=='01'">入账</span> <span v-show="data.FndDrc=='04'" style="display: none;">退汇</span> <span v-show="!(data.FndDrc=='04'||data.FndDrc=='01')" style="display: none;">待客户确认</span> </td>
时间: 2024-02-13 10:06:28 浏览: 162
你可以使用以下代码使用 cheerio 来显示非隐藏内容:
```javascript
const cheerio = require('cheerio');
const html = `<td><span v-show="data.FndDrc=='01'">入账</span> <span v-show="data.FndDrc=='04'" style="display: none;">退汇</span> <span v-show="!(data.FndDrc=='04'||data.FndDrc=='01')" style="display: none;">待客户确认</span> </td>`;
const $ = cheerio.load(html);
$('span:not([style*="display:none"])').each((i, el) => {
console.log($(el).text());
});
```
这段代码将输出非隐藏的 span 标签中的文本内容:`入账`。解释一下,`:not([style*="display:none"])` 表示选择器不包含样式属性中包含 `display:none` 的元素,也就是非隐藏的元素。
相关问题
使用cheerio 显示内容 <td><span v-show="data.FndDrc=='01'">入账</span> <span v-show="data.FndDrc=='04'" style="display: none;">退汇</span> <span v-show="!(data.FndDrc=='04'||data.FndDrc=='01')" style="display: none;">待客户确认</span> </td>
你可以使用以下代码使用 cheerio 来显示这段 HTML 内容:
```javascript
const cheerio = require('cheerio');
const html = `<td><span v-show="data.FndDrc=='01'">入账</span> <span v-show="data.FndDrc=='04'" style="display: none;">退汇</span> <span v-show="!(data.FndDrc=='04'||data.FndDrc=='01')" style="display: none;">待客户确认</span> </td>`;
const $ = cheerio.load(html);
$('span').each((i, el) => {
console.log($(el).text());
});
```
这段代码将输出三个 span 标签中的文本内容:`入账`、`退汇` 和 `待客户确认`。
使用cheerio 转换以下代码 <td><span v-show="data.FndDrc=='01'">入账</span> <span v-show="data.FndDrc=='04'" style="display: none;">退汇</span> <span v-show="!(data.FndDrc=='04'||data.FndDrc=='01')" style="display: none;">待客户确认</span> </td>
可以使用Cheerio将这段代码转换成一个数组,数组中包含了所有的span标签的文本内容。首先,需要安装Cheerio模块,可以在命令行中使用以下命令进行安装:
```
npm install cheerio
```
然后,在Node.js中可以使用以下代码将该代码段转换成一个数组:
```javascript
const cheerio = require('cheerio');
const html = '<td><span v-show="data.FndDrc==\'01\'">入账</span> <span v-show="data.FndDrc==\'04\'" style="display: none;">退汇</span> <span v-show="!(data.FndDrc==\'04\'||data.FndDrc==\'01\')" style="display: none;">待客户确认</span> </td>';
const $ = cheerio.load(html);
const spans = $('td span');
const result = spans.toArray().map(span => span.firstChild.data.trim());
console.log(result);
```
运行后,将输出以下数组:
```json
["入账", "退汇", "待客户确认"]
```
注意,在这个例子中,我们首先使用Cheerio的$('td span')方法获取所有的span元素,然后使用toArray()方法将Cheerio对象转换成一个普通的JavaScript数组,最后使用map()方法获取每个span元素的文本内容并去除首尾空格,将结果保存为一个数组。
阅读全文