อยากทำปุ่มค้นหาข้อมูลหาเพจค่ะ คล้ายๆ เวลากด Ctrl +F ค่ะ แต่พอกดแล้วให้มันโชว์ข้อมูลที่เราค้นหาค่ะ

<script src="http://code.jquery.com/jquery-1.8.3.js "></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<script type="text/javascript">
$(document).ready(function{
	$("#searchBtn").click(function(){
		var searchText = $("#searchTXT").val(),
			content = $("p#content"),
			modContent = '';
		alert('ค้นหา : '+searchText);
		if(content.text().indexOf(searchText) >= 0)
			searchArr = content.text().split(searchText);
		$.each(searchArr,function(index,stripVal){
			modContent += stripVal+"<span style='background-color:yellow'>"+searchText+"</span>";
		});
		content.empty().html(modContent);
	});
});
</script>
<input type="text" name="search" id="searchTXT" /><input type="button" value="ค้นหา" id="searchBtn" />
<p id="content">
     บีเอ็มดับเบิลยู ประเทศไทย ตั้งดีลเลอร์ใหม่ “อมร เพรสทีจ” ลงทุนกว่า 300 ล้านบาท เจาะตลาดรถหรูเมืองกรุง คาดปีนี้จะมียอดขายรถหรูรวมทุกรุ่นกว่า 17,000 คัน นับเป็นตัวเลขสูงสุดหลังจากวิกฤตฟองสบู่
       
       นายแมทธิอัส พฟาลซ์ ประธานบีเอ็มดับเบิลยู กรุ๊ป ประเทศไทย เปิดเผยว่า ตลอดรถยนต์หรูของไทย 8 เดือนแรก หรือตั้งแต่มกราคมจนถึงเดือนสิงหาคมที่ผ่านมา มียอดขายประมาณ 1 หมื่นคันเศษๆ โดยในในส่วนของบีเอ็มดับเบิลยูและมินิมียอดขาย 5,165 คัน เทียบกับช่วงเดียวกันของปีที่แล้ว มีอัตราการเติบโต 35%
       
       “ที่ผ่านมาตลาดรถหรูเป็นไปตามธรรมชาติ ไม่มีปัญหาจากการผลักดันตลาดเหมือนโครงการรถคันแรก จนส่งผลกระทบในปีนี้ เหมือนกับกลุ่มรถตลาดอื่นๆ ขณะที่เรื่องการเมือง หรือสถานการณ์น้ำท่วมไม่มีผลเช่นกัน จึงเชื่อมั่นถึงสิ้นปีภาพรวมตลาดรถหรูหราในไทยทุกยี่ห้อ จะมียอดขายประมาณ 17,000 คัน หรือมากกว่าปีที่ผ่านมาที่ทำได้ 15,000 คัน ซึ่งถือว่าเป็นปริมาณยอดขายสูงสุดของตลาดรถหรู นับตั้งแต่เกิดวิกฤตเศรษฐกิจเมื่อปี 2540 และเพื่อรองรับการเติบโตของตลาด ล่าสุดได้แต่งตั้ง อมร เพรสทีจ เป็นดีลเลอร์รายใหม่ในกรุงเทพฯ และจะเริ่มให้บริการบัดนี้เป็นต้นไป”
</p>

$(document).ready(function{
	$("#searchBtn").click(function(){
		var searchText = $("#searchTXT").val(),
			content = $("p#content"),
			modContent = '';
		alert('ค้นหา : '+searchText);
		if(content.text().indexOf(searchText) >= 0)
			searchArr = content.text().split(searchText); // สร้างอาเรย์จากข้อความด้วย โดยใช้คำที่ต้องการค้นหาเป็นตัวแยก
		$.each(searchArr,function(index,stripVal){ //ใช้ .each ในการไล่สมาชิกในอาเรย์ทีละตัว เราได้ index คือลำดับในอาเรย์
                      // และ stripVal คือข้อมูลในอาเรย์
			modContent += stripVal+"<span style='background-color:yellow'>"+searchText+"</span>"; // ส่วนบรรทัดนี้ไม่ต้องอธิบายก็ได้มั้ง

		});
		content.empty().html(modContent); // ใส่ข้อความที่ทำการดัดแปลงไปแทนที่ของเดิม
	});
});