jquery如何点击获取当前元素的文本值

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()只能使用在表单元素上;

猜你喜欢

转载自blog.csdn.net/baidu_39043816/article/details/108621727