javascript - 使用 JQuery 更改 insideHTML 内容

Question

var user;
(function (user) {
    user = {
        dynamicPriceChange: function () {
            $("input[name='user[plan_id]']").change(function (e) {
                var planId = $(this).data('text');
                var durationPlan = $('p#durSubsMY')[0].innerHTML;
                var price = $('.price')[0].innerHTML;
                $('.price').text(planId);
                $('span#Love')[0].innerHTML = price;
                if price == "29" {
                    durationPlan = "per month";
                }
                if price == "261" {
                    durationPlan = "per year";
                }
            });
        }
        jQuery(function () {
            user.dynamicPriceChange();
        });
    })(user)

我正在尝试将 durationPlan 更改为“每月”(如果价格为 29)和“每年”(如果价格为 261)。
但我无法改变这一点。请帮忙，我是 jQuery 新手。

正确的工作代码是

    if (price == "29") {
         $('p#durSubsMY')[0].innerHTML = "per month"
        }
    if (price == "261" ){
         $('p#durSubsMY')[0].innerHTML = "per year"
        }

谢谢大家的帮助!!!

干杯! :-)

Answer 1

durationPlan 只是一个包含元素的innerHTML 的变量，更改其值不会改变元素内容。尝试一下

    if (price == "29") {
        $('p#durSubsMY')[0].innerHTML = "per month"
    }
    else if (price == "261") {
        $('p#durSubsMY')[0].innerHTML = "per year"
    }