Question

我尝试更新ID为h1的{{1}}标头。该值是从"prompter"的输入接收的。我能够很好地提醒价值。

但是当我尝试在jquery中使用.html方法时，在恢复到原始标题之前，更改几乎不会显示。任何想法在这里发生了什么？

我的.js文件：

id="userText"

编辑（简化 - 但H1仍然只是暂时改变）

来自我的.js：

var stepper = function() {
    alert (str);

    //why doesn't this line say displayed
    $("#prompter h1").html(str);
}

$(".go").click (function() {
    str = $("#userText").val();
    stepper();
});

来自我的HTML：

$(".go").click (function() {
    var str = $("#userText").val();
    $("#prompter").html(str);
});

JSFIDDLE DEMO

Answer 1

您可以直接使用id

$("#prompter").html('new text');

<强> JSFIDDLE DEMO

<强>更新

在表单中包含Button类型的

submit将回发

将按钮类型从type="submit"更改为type= "button"，以便不会回发文本恢复为原始文本的原因

<button type="button" class="btn go">Go</button>

Answer 2

您的代码完全不正确..请参阅下面

var stepper = function(str) { //access parameter
alert (str);
//why doesn't this line say displayed
//$("#prompter h1").html(str);    //this is incorrect    
$("#prompter").text(str); or $("#prompter").html(str);      //this is correct if your h1 id is prompter

}

$(".go").click (function() {
str = $("#userText").val();   //you are going to call stepper() with var `str`
stepper(str);                 //pass var parameter in function
});

从JavaScript函数进行的HTML更改无效

2 个答案: