javascript - 识别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 来获取元素？

score 2 · Accepted Answer

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

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

score 1 · Accepted Answer

由于包含选择器（wild char match）中的限制，更好的解决方案是将大小值添加为属性，然后使用属性等于选择器

<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')

2 回答 2