【问题标题】:Change the innerHTML content using JQuery使用 JQuery 更改 innerHTML 内容
【发布时间】:2012-12-07 16:28:39
【问题描述】:
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)

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

工作更正的代码是

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

感谢大家的帮助!!!

干杯! :-)

【问题讨论】:

标签: javascript jquery if-statement innerhtml


【解决方案1】:

durationPlan 只是一个包含元素的 innerHTML 的变量,改变它的值不会改变元素的内容。试试吧

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

【讨论】:

    【解决方案2】:

    正如#Adil 提到的,您忘记了 if 语句中的括号。您也可以尝试 jQuery 库 http://api.jquery.com/html/ 中的 html() 函数,而不是 innerHTML

    var planId = $(this).data('text'); 如果您想从输入中获取值,请使用var planId = $(this).val()

    【讨论】:

      【解决方案3】:

      if 语句语法错误,您错过了 if 条件部分括号。

      改变

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

      如果价格 == "261" { durationPlan = "每年" }

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

      最后还缺少一个右括号。

      改变

      })(user)
      

      }})(user)
      

      【讨论】:

      • 在 javascript 中发布问题之前总是先做一个小提琴 :)
      • OP 的代码末尾似乎也缺少右括号 }。可能会很好地添加到答案中。
      • 阿迪尔它影响了我的其他功能,我的意思是我已经写了几个功能受到影响的函数,我如何保持它们不变。抱歉,如何让一切正常工作?
      • 好的....thanx adil 和这里的每个人都为解决我的问题提供了如此快速的响应,我从昨天开始就被卡住了。谢谢大家......
      猜你喜欢
      • 2013-03-12
      • 2020-03-20
      • 2013-04-23
      • 2019-08-07
      • 1970-01-01
      • 2011-01-17
      • 2013-11-02
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多