クリックして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（）選択した要素のコンテンツを読み取るために3つのメソッドが使用されます（.valueはjsで使用されます）

.html（）は、要素のhtmlコンテンツ（htmlタグを含む）を読み取るために使用されます。

.text（）は、子孫要素を含む要素のプレーンテキストコンテンツを読み取るために使用されます。

.val（）は、フォーム要素の「値」値を読み取るために使用されます。

.html（）および.text（）メソッドはフォーム要素では使用できません。.val（）はフォーム要素でのみ使用できます。