检查是否有两个或更多具有相同类的元素并启动一些活动

时间:2016-01-15 09:58:27

标签: javascript html arrays

我有三种产品具有以下结构:
tickbox | 标签(相同的文字,但值的标签不同) | 数量下拉列表(不同的输入名称)

他们有三个不同的标签“类”:

1 - <label for="related-checkbox-7087458-Z22-00026">
第二 - <label for="related-checkbox-7087458-Z22-00027">
3 - <label for="related-checkbox-7087458-Z22-00028">

他们之间的共同点是: “包含免费保险”

我还有三个具有不同输入名称的QTY(数量框):

1 - name="related_products[7087458][2536][qty]"
第二 - name="related_products[7087458][2537][qty]"
3 - name="related_products[7087458][2538][qty]"

到目前为止,我知道如何将第一个的数量更改为“1”(默认情况下为0),但我不确定如何使用不同的 “标签”来定位第二个产品 属性和不同的 “输入名称” 。我已经尝试添加第二个if语句,但似乎这不起作用。

请注意,我正在尝试仅将包含以下文字的产品的数量更改为: 包含免费保险

请查看我的JSFIDDLE

1 个答案:

答案 0 :(得分:1)

JS中的输入选择器太具体了 尝试用你的JS替换选择器(第7行):

var input = label.parentNode.nextElementSibling.nextElementSibling.querySelector('input[type‌​="text"].input-qty');