使用Javascript / Jquery在按钮单击时更改div中的文本

Question

这是阵列

var copyText= [
'this is the first line',
'Simply put, the second line',
'impressed by the third line.'
    ];

这些不起作用......

$("#thisbutton").click(function () {
$("#thetext").innerHTML("meow meow");
});

要么

$("#thisbutton").click(function () {
$("#thetext").innerHTML(copyText[1]);
});

要么

$("#thisbutton").click(function () {
$("#thetext").text(copyText[1]);
});


$("#thisbutton").click(function () {
$("#thetext").html(copyText[1]);
});

我错过了什么？ THKS。

Answer 1

首先， innerHTML是本机DOMElement属性，而不是jQuery方法。 jQuery的html方法是等价的。

其次，你没有将它包装在一个ready处理程序中：

试试这个：

$(function() {
  var copyText= [
   'this is the first line',
   'Simply put, the second line',
   'impressed by the third line.'
  ];
  $("#thisbutton").click(function () {
     $("#thetext").text(copyText[1]);
  });

});

jsFiddle例子

Answer 2

这对我有用......

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
    <div id="thetext">

    </div>
    <input type="button" id="thisbutton" value="Click" />
<script src="Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $("#thisbutton").click(function () { $("#thetext").html("meow meow"); });
    });
</script>
</body>
</html>

Answer 3

如果要替换完整的div，请尝试使用replaceWith（）jquery函数

 $("#thetext").replaceWith("htmldata");

参考： http ： //api.jquery.com/replaceWith/

使用Javascript / Jquery在按钮单击时更改div中的文本

问题描述

3 个解决方案

解决方案1
6 已采纳 2010-11-28 03:45:42

解决方案2
1 2010-11-28 03:46:11

解决方案3
0 2010-11-28 03:47:28

使用Javascript / Jquery在按钮单击时更改div中的文本

问题描述

3 个解决方案

解决方案1 6 已采纳 2010-11-28 03:45:42

解决方案2 1 2010-11-28 03:46:11

解决方案3 0 2010-11-28 03:47:28

解决方案1
6 已采纳 2010-11-28 03:45:42

解决方案2
1 2010-11-28 03:46:11

解决方案3
0 2010-11-28 03:47:28