使用JQuery更改innerHTML內容

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

if語句的語法錯誤，您錯過了if條件部分的括號。

更改

if price == "29" {
       durationPlan = "per month"
}

如果價格==“ 261” {durationPlan =“每年”}

至

if (price == "29") {
      durationPlan = "per month"
}
if (price == "261" ){
     durationPlan = "per year"
}

最后，也沒有一個右括號。

更改

})(user)

至

}})(user)

Answer 2

durationPlan只是一個包含元素的innerHTML的變量，更改其值不會更改元素的內容。 試試吧

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

Answer 3

如#Adil所述，您在if語句中忘記了括號。 您也可以嘗試從jQuery庫http://api.jquery.com/html/而不是innerHTML嘗試使用html()函數。

var planId = $(this).data('text'); 如果要從輸入中獲取值，請使用var planId = $(this).val()