Aynen hocam. hani sayfadaki .test classına sahip spanlar kullanıcı tarafından jquery ile anlık sayısı artıyor yada azalıyor demiştim ya. belirttiğimiz etikete sahip span sayısında değişiklik olduğunda sonucu verse harika olurdu. bir de span içinde başka span olursa onu elage etmek görmezden gelmekmümkünmüdür hocam?
<span class="test">Veri1 <span>altveri</span></span>
zfc fonksiyonunu tetiklediğiniz an istediğiniz şeyi yapacaktır. Bende buton gibi bir tetikleyici olmadığından kullanamadım. l.querySelectorAll('*') span altındaki div span ins vb tüm öğreleri siler. Sadece span silmek isterseniz yıldız yerine span koymanız yeterli.
<script>
var data = [];
var lng = 0;
const zfc = ()=>{
var veri = document.querySelectorAll('.test')
if (veri.length != lng) {
lng = veri.length
var lst = [];
veri.forEach(es => {
let l = document.createElement('div')
l.innerHTML = es.innerHTML;
l.querySelectorAll('*').forEach(ek => {
ek.remove()
});
lst.push(l);
});
var json = {};
for (let i = 0; i < lst.length; i++) {
json[`veri-${i}`] = lst[i].textContent;
}
data.push(json);
console.log(data)
}
}
setInterval(() => {
zfc()
}, 500);
</script>full kod
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<span class="test">Veri 1 <span>test</span> </span>
<span class="test">Veri 2</span>
<span class="test">Veri 3</span>
<span class="test">Veri 4</span>
<script>
var data = [];
var lng = 0;
const zfc = ()=>{
var veri = document.querySelectorAll('.test')
if (veri.length != lng) {
lng = veri.length
var lst = [];
veri.forEach(es => {
let l = document.createElement('div')
l.innerHTML = es.innerHTML;
l.querySelectorAll('*').forEach(ek => {
ek.remove()
});
lst.push(l);
});
var json = {};
for (let i = 0; i < lst.length; i++) {
json[`veri-${i}`] = lst[i].textContent;
}
data.push(json);
console.log(data)
}
}
setInterval(() => {
zfc()
}, 500);
</script>
</body>
</html>