Question

我有三种可能的div案例 - 它有一个.first或.last或none。

我需要根据这些类更改内容另一个div，但我做错了...

有人能帮我一把，告诉我我做错了吗？

jQuery(document).ready(function ()  {

    if (jQuery('.pricing-plan').hasClass('first')) {
        jQuery('.tagline').text('primeiro');
    }
    else if (jQuery('.pricing-plan').hasClass('last')) {
        jQuery('.tagline').text('ultimo');
    }
    else {
        jQuery('.tagline').text('nada');
    }

});

Answer 1

<强> Updated Demo

您有多个元素，其中包含类.pricing-plan和.tagline。在这种情况下，您必须使用.each()迭代每个元素。
在每个内部，获取当前.pricing-plan使用$(this)
在您当前的代码中，选择器jQuery('.pricing-plan')就是首先返回/检查.pricing-plan

检查一下，

jQuery(document).ready(function () {
    jQuery('.pricing-plan').each(function () {

        if (jQuery(this).hasClass('first')) {
            jQuery(this).find('.tagline').text('primeiro');
        } else if (jQuery(this).hasClass('last')) {
            jQuery(this).find('.tagline').text('ultimo');
        } else {
            jQuery(this).find('.tagline').text('nada');
        }
    });

});

如果div有班级变更内容 - 三个案例

1 个答案: