Question

我有一些jQuery设置为按ID隐藏某些元素，以便我可以根据用户输入有条件地显示一些备份。

为了给出一些背景信息，这是一个商业网站，用户需要选择服装类型，颜色和尺寸。尺码特定于每种服装类型，因此这是我想要展示/隐藏的元素。

我使用的jQuery由以下内容组成（不是非常干，但我想让所有内容都先运行，这样我才能确切地看到发生了什么）：

$('#picker_pa_ladies-size').hide();
$('#picker_pa_ladies-size').parent().siblings(".label").hide();
$('#picker_pa_t-shirt-size').hide();
$('#picker_pa_t-shirt-size').parent().siblings(".label").hide();
$('#picker_pa_vest-top-size').hide();
$('#picker_pa_vest-top-size').parent().siblings(".label").hide();

我接下来要做的是：

if (the class ‘selected’ is on anchor element with (attribute) title ‘ladies’) {
    $('#picker_pa_ladies-size').show();
    $('#picker_pa_ladies-size').parent().siblings('.label').show();
}

产品通过WordPress平台上的WooCommerce插件进行管理，因此我无法轻松编辑每个变体的html。

我已经尝试搜索SO和互联网的其他部分，找到一种方法来选择我需要的元素，但似乎找不到任何东西 - 如果我错过了什么，就道歉。< / p>

Site Link

＆＃39;尴尬＆＃39;元素选择

0 个答案: