使用 JQuery 更改 innerHTML 内容

Posted 2023-05-07

【中文标题】使用 JQuery 更改 innerHTML 内容

【英文标题】：Change the innerHTML content using JQuery

【发布时间】：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"
        

感谢大家的帮助！！！

干杯！ :-)

【问题讨论】：

另外我建议使用 === 而不是 == ***.com/questions/359494/…

【参考方案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 和这里的每个人都为解决我的问题提供了如此快速的响应，我从昨天开始就被卡住了。谢谢大家......