html
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
jquery
$(function(){
$("ul").find("li").each(function(i){
$(this).click(function(){
$("h2").text($(this).text())
})
})
});
// 也可以直接这样写
$(function(){
$("ul").find("li").click(function(){
$("h2").text($(this).text())
})
});
扩展:
.html(),.text(),.val()三种方法都是用来读取选定元素的内容;(js里面用的是.value)
.html()是用来读取元素的html内容(包括html标签);
.text()用来读取元素的纯文本内容,包括其后代元素;
.val()是用来读取表单元素的"value"值;
.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;