Question

我有这个JS，我将在下面粘贴。

这基本上是做什么的，根据您选择的变化显示定价表。因此，只有在选择您的选项时才会显示该表。因此，当用户登陆产品页面时，现在有表格，直到他们选择变体。

我想要做的是，在登录页面时显示任何变体表，但仍然可以在用户选择选项时更改表格。

id做了什么改变

jQuery('.rp_wcdpd_pricing_table_variation').hide();

到

jQuery('.rp_wcdpd_pricing_table_variation').show();

但是这会显示所有变体表而不是1。

原始代码：

    /**
     * VARIABLE PRODUCT PRICING TABLE
     */
    function rp_wcdpd_switch_variable_pricing_tables(element_id) {
        jQuery('.rp_wcdpd_pricing_table_variation').hide();
        jQuery(element_id).show();
    }

    if (jQuery('.rp_wcdpd_pricing_table_variation').length) {
        jQuery('input:hidden[name="variation_id"]').each(function() {
            rp_wcdpd_switch_variable_pricing_tables('#rp_wcdpd_pricing_table_variation_' + jQuery(this).val());

            jQuery(this).change(function() {
                rp_wcdpd_switch_variable_pricing_tables('#rp_wcdpd_pricing_table_variation_' + jQuery(this).val());
            });
        });
    }

});

Answer 1

你要求jquery显示这个类的所有元素。使用jQuery('.rp_wcdpd_pricing_table_variation').first().show();仅显示第一个表

Answer 2

如果您有多个具有班级public class MyCustomButton : Button { protected override bool ShowFocusCues { get { return this.Focused; } } }的表格，那么它肯定会全部显示。

如果你只想显示一个，那么你必须从数组中获得第一个

rp_wcdpd_pricing_table_variation这将返回一个包含具有此类的所有元素的数组。

要获得第一个，您需要添加$('.rp_wcdpd_pricing_table_variation')，这样.first()

Javascript - 在加载时显示默认表

2 个答案: