javascript - 如果div具有类更改内容-三种情况

对于div，我有三种可能的情况-它具有类.first或.last或没有。

我需要基于这些类将内容更改为另一个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');
    }

});

最佳答案

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

});