读取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是否为数字。