识别html代码标记的不同方式

Question

我试图找出另一种识别html代码并点击的方法。 例如，

<div itemprop="size" class="shoesizes sizeBox" data-isapparel="false" id="size_sku2227293" skuid="sku2194684">10.0</div>

我目前正在使用

var test = document.getElementById("size_sku2227293");
test.click();

有没有办法通过html代码中的“10.0”而不是size_sku2227293来获取元素？

Answer 1

您可以使用.filter()方法：

$('div.shoesizes').filter(function() {
    return this.innerHTML === '10.0';
}).click();

Answer 2

由于contains选择器（wild char匹配）中的限制，更好的解决方案是将size值添加为属性，然后使用属性equals selector

<div itemprop="size" class="shoesizes sizeBox" data-size="10.0" data-isapparel="false" id="size_sku2227293" skuid="sku2194684">10.0</div>

然后

$('.shoesizes[data-size="10.0"]').trigger('click')