Jquery renk değiştirme

umutalper11 · 1 Ekim 2020

<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="assets/js/jquery-3.5.1.min.js"></script>
<script src="assets/js/jquery.js"></script>
</head>
<body>

<input type="text" id="txt1"> <button id="btn1">yeni öğe ekleme</button> <br>
<input type="text" id="txt2"> <button id="btn2">filtre</button>

<p id="p"></p>
<script src="assets/js/javascript.js"></script>
</body>
</html>

$(document).ready(function(){
$("#btn1").click(function(){
var deger1 = $('#txt1').val();
$("p").append(deger1 + "<br>");
});
$("#btn2").click(function(){
var word = $('#txt2').val();
if(word === null){
break;
}
else{
var rgx = new RegExp('\\b('+word+')\\b', 'ig');

$('p, p *').contents().filter(function() {
return this.nodeType === 3;
}).each(function() {
$(this).replaceWith($(this).text().replace(rgx, '<span class="selected">$1</span>'));
});
}
});
});

.selected{ background-color: red;}

Kodlar şu şekilde.
Amacım; kullanıcın 2 değer girmesini istiyorum. İlk değer ekrana bir şeyler yazdırcak onda sorun yok. 2. değerde yazılanları filtreleyip renginin değiştirilmesini falan istiyorum. Sorun oluyor.

Jquery renk değiştirme

umutalper11

Picopat