jqバージョン検索テキストキーワードハイライト
2541 ワード
Document <br> .highlight {<br> color: red;<br> }<br>
検索
検索
, 。 , 。
, , QQ , , , , , , , , 。 , , , , , , , , 。 , , , 。
, 。 , , , , , , , 。 , , , , 。 , , , , , , , 。
, , , 。 , 。
, , , , , , , , , , 。
, , , , , , , , , , , , , 。 , 。 , , , 。
, 。
, , , , 。 , , 。 , , , 。
, , , , 。 , , , 。 , , , 。 , , , , 。 , 。
, , , , , , 。
, , , , , , , , , , , , , , , , 。 , 。 , , , , , , , , , , 。 , 。
</div>
<script src="jquery.js"></script>
<script>
$("#searchBtn").on("click", function () {
// jq span
// jQuery 1.4 unwrap 。
if ($('.highlight').length > 0) {
$(".highlight").contents().unwrap();
}
let regExp = new RegExp($("#search").val(), 'g');
$('.container').each(function () {
const html = $(this).html();
const pattern = //g;
if (!html.match(pattern)) {
const newHtml = html.replace(regExp, `<span class="highlight">${$("#search").val()}</span>`);
$(this).html(newHtml);
}
})
})
</script>