Question

当用户点击按钮时，我正在尝试更改h2的文本。

Javascript：

$("#GoButton").click(function() {
    $("#myDiv").html("Hello World"); 
    });

和html：

<a href="#jobResPage" data-role="button" data-inline="true" id="GoButton">GO</a>

我试图切换链接，以便首先加载jQuery（这解决了另一个问题）。

还是找不到我做错了什么。

也尝试过：

$("#GoButton").click(function() {
    $("#myDiv").innerHtml("Hello World"); 
    });

Answer 1

您需要确保使用$(function(){.. });加载DOM并使用e.preventDefault()阻止链接的默认行为

$(function(){
    $("#GoButton").click(function(e) {
        e.preventDefault();
        $("#myDiv").html("Hello World"); 
    });
});

<强> Demo

Answer 2

这应该对你有用

$("#myDiv").html("Hello World");

Answer 3

如果您只想更改文本而不是使用text（）而不是html（）方法

$("#myDiv").text("Hello World");

更新

这是有效的，您需要在jquery中对此进行适当的设置：http://jsfiddle.net/0oc53fdd/5/

enter image description here

Answer 4

您的javascript（在点击时绑定功能）可能会过早执行，例如this example：http://jsfiddle.net/ug7f0te1/

在DOM完全加载后尝试绑定事件：

$(function(){
    $("#GoButton").click(function() {
        $("#myDiv").html("Hello World"); 
        });
});

Answer 5

这是代码http://jsfiddle.net/utkarshk/h0vmmdn8/

HTML：

<div id="mydiv">fd</div>
<h2 id="mydiv1">4343</h2>
<a href="#jobResPage" data-role="button" data-inline="true" id="GoButton">GO</a>

JS。

$("#GoButton").click(function() {
   $("#mydiv1").html("Hello World"); 
   $("#mydiv").html("Hello World"); 
});

Answer 6

如果您发布所有HTML，可能会更清楚。从猜测来看，这是我认为你想要的东西：

<html>
  <body>
    <div id="myDiv">
      <h2 id="myHeader">Click Go</h2>
      <p><a href="#jobResPage" data-role="button" data-inline="true" id="GoButton">GO</a></p>
    </div>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
      $(window).load(function() {
        $("#GoButton").click(function() {
          $("#myHeader").html("Hello World");
        });
      });
    </script>
  </body>
</html>

Answer 7

<!DOCTYPE html>
<html>
<script type="text/javascript">
function here()
{
//alert(document.getElementById("myHeader").innerHTML);
document.getElementById("myHeader").innerHTML = "Hello World";
}
</script>

</head>
<body>

<div id="myDiv">
<h2 id="myHeader">Header</h2>
<button id="GoButton" onclick="here();">GO</button>
</div>

</body>
</html>

希望你能从中获得一些东西。

使用jQuery更改html文本

7 个答案: