Jquery renk değiştirme

umutalper11

umutalper11

Picopat
Katılım
10 Eylül 2020
Mesajlar
128
<!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>
Genişletmek için tıkla...
$(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>'));
});
}
});
});
Genişletmek için tıkla...
.selected{ background-color: red;}
Genişletmek için tıkla...
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.
 
Uyarı! Bu konu 6 yıl önce açıldı.
Muhtemelen daha fazla tartışma gerekli değildir ki bu durumda yeni bir konu başlatmayı öneririz. Eğer yine de cevabınızın gerekli olduğunu düşünüyorsanız buna rağmen cevap verebilirsiniz.

Benzer konular

W
  • Soru
Jquery alternatifleri
Mesaj
3
Görüntüleme
1.016
berk1937
berk1937
Meymenetror
Jquery tek tırnak " ' " hatası
2
Mesaj
10
Görüntüleme
1.860
Meymenetror
Meymenetror
Beach House
Jquery gerekli mi?
Mesaj
2
Görüntüleme
1.847
roser137
roser137
Yeniçocuk
Jquery eğitim önerisi
Mesaj
2
Görüntüleme
888
kaan_js
kaan_js
Halil1905
jQuery "hide" fonksiyonu
Mesaj
8
Görüntüleme
890
Eldar
Eldar

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı