原文地址为:
jQuery设置和获取span的内容(简单示例说明)
转载请注明本文地址: jQuery设置和获取span的内容(简单示例说明)
示例代码如下:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
alert("text的值:" + $("#spId").text() + "\n" +
"html的值:" + $("#spId").html() )
$("#spId").text("testSpan")
alert("text的值:" + $("#spId").text() + "\n"+
"html的值:" + $("#spId").html() )
$("#spId").html("<p>testSpantest</p>")
alert("text的值:" + $("#spId").text() + "\n"+
"html的值:" + $("#spId").html() )
});
});
</script>
</head>
<body>
<div><span id="spId"><a href="#">初期值</a></span></div>
<button>切换</button>
</body>
</html>
注意:
有的时候无法取得值时,是因为html是从上往下解析的,在解析到js里的$("#spId")时,下面这个span还不存在,当然就取不到了。
js代码放在<span>下面解析时,span就有了。另外,jquery的做法是用ready函数包含这些js代码,这样的话,就不存在位置的问题了,放到哪都可以。它的作用就是在加载完整个页面后才执行包含的js。
转载请注明本文地址: jQuery设置和获取span的内容(简单示例说明)