Cara menapis teg HTML dan menyerlahkan kata kunci dengan jQuery

Cara menapis teg HTML dan menyerlahkan kata kunci dengan jQuery_jquery

WBOY

Lepaskan： 2016-05-16 15:46:37

asal

1213 orang telah melayarinya

Contoh dalam artikel ini menerangkan cara jQuery menapis teg HTML dan menyerlahkan kata kunci. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

jQuery melaksanakan kesan penapisan kata kunci halaman web Tentukan teks yang perlu ditapis dalam JavaScript Pelbagai takrifan boleh dibuat, tetapi anda perlu mengubah suai kod JS kepada tatasusunan, supaya berbilang kata kunci yang berbeza boleh ditapis. Contoh ini hanya untuk anda Menunjukkan fungsi asas, sila terokai lebih banyak fungsi penapisan sendiri.

Kesan operasi adalah seperti yang ditunjukkan di bawah:

Kod khusus adalah seperti berikut:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>过滤HTML标签，重新补充关键词高亮</title>
<style>
body{font-size:9pt;}
</style>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
</head>
<script>
$(document).ready(function() {
  var keyword = "脚本之家";
  $("#keyword").html(function() {
    return $(this).text().replace(keyword,"<font color=\"red\">"+keyword+"</font>");
  });
});
</script>
<body>
<div id="keyword">脚本之家成立于2006年，至立于奉献开源的精品学习型源代码，如果你喜欢脚本之家的话，请把我们网址加入收藏夹吧！</div>
</body>
</html>

Salin selepas log masuk

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan jquery semua orang.