casperjs - 在 CasperJs 中读取类属性

Question

我想知道是否可以获取 li 项目的类值，html 看起来像这样：

<div id="cardsdeck">
    <ul id="cards">
        <li id="card-0" class="card-image card-shown" .... >
            ......

我正试图让卡片展示出来。

Answer 1

我不确定这是否是您想要做的，但是要获取元素具有的类的数组，您可以使用：

document.querySelector('#card-0').className.split(' ');

但是，如果您尝试获取具有card-shown该类的元素，则可以使用：

document.querySelector('.card-shown');

---

编辑：更适合您在下面的评论：

casper.then(function() {
  var num = 0;
  var shown = this.evaluate(function isShown(k) {
    return document.querySelector('#cards li.card-shown').id == ('card-'+k);
  }, num);
  console.log(shown);
})

这将查找具有card-shown类的元素，然后检查 id 是否与card-k数字匹配k。