Vinnaren i pepparkakshustävlingen!
  1. Dator och IT
  2. Systemutveckling
  3. Webbutveckling och javascript

Extrahera specific text från span

Svara
2018-08-24, 18:29
  #1
Flach1337
Medlem
https://bit.ly/2NeofIi

Tjena bois!
Behöver extrahera siffran från span 1 https://i.imgur.com/xLRpKTl.png
Om siffran är 0-9 så är span class ''green''
Om siffran är högre än 9 så är span class "red"

Kan nån hjälpa mig?

Kod:
<div class="widget-server-container">
<img src="X" alt="X">
<span class="text-block"> 
<p><a href="X">X | 
<span class="green">0</span>/ 14 <span class="steam-connect"><i class="fab fa-steam-square"></i></a></span></p>
</span>
</div>
</li>

<li>
<div class="widget-server-container">
<img src="X" alt="X">
<span class="text-block"> 
<p><a href="X">X | 
<span class="red">11</span>/ 14 <span class="steam-connect"><i class="fab fa-steam-square"></i></a></span></p>
</span>
</div>
</li> 

Det jag har försökt med.
Kod:
<?php
$homepage = file_get_contents('https://hemsidan.eu');
echo $homepage;
?>

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>

<script>
$(.green).text();
</script>
__________________
Senast redigerad av Flach1337 2018-08-24 kl. 18:32.
Citera
2018-08-24, 20:29
  #2
TexasSwede
Medlem
TexasSwedes avatar
Citat:
Ursprungligen postat av Flach1337
https://bit.ly/2NeofIi

Tjena bois!
Behöver extrahera siffran från span 1 https://i.imgur.com/xLRpKTl.png
Om siffran är 0-9 så är span class ''green''
Om siffran är högre än 9 så är span class "red"

Kan nån hjälpa mig?

Kod:
<div class="widget-server-container">
<img src="X" alt="X">
<span class="text-block"> 
<p><a href="X">X | 
<span class="green">0</span>/ 14 <span class="steam-connect"><i class="fab fa-steam-square"></i></a></span></p>
</span>
</div>
</li>

<li>
<div class="widget-server-container">
<img src="X" alt="X">
<span class="text-block"> 
<p><a href="X">X | 
<span class="red">11</span>/ 14 <span class="steam-connect"><i class="fab fa-steam-square"></i></a></span></p>
</span>
</div>
</li> 

Det jag har försökt med.
Kod:
<?php
$homepage = file_get_contents('https://hemsidan.eu');
echo $homepage;
?>

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>

<script>
$(.green).text();
</script>
Du maste lara dig att bli tydligare. Nagot verkar handa mellan din hjarna och dina fingrar, du tappar en massa detaljer, eller kan inte forklara vad du egentligen vill. Din fraga kan tolkas pa tva olika satt, men jag ska forsoka svara pa den som jag gissar att du menar.
Lar dig ocksa att indentera din kod och din HTML.

Jag gissar att du vill lasa av vardet i en span och applicera en specifik class i beroende pa texten (ett nummeriskt varde) .

Kod: 
var span = $(".widget-server-container a > span:first-child");
if (parseInt(span.html()>9) {
    span.removeClass("green");
    span.addClass("red");
} else {
    span.removeClass("red");
    span.addClass("green");
}
Citera
2018-08-24, 21:28
  #3
Flach1337
Medlem
Citat:
Ursprungligen postat av TexasSwede
Kod: 
var span = $(".widget-server-container a > span:first-child");
if (parseInt(span.html()>9) {
    span.removeClass("green");
    span.addClass("red");
} else {
    span.removeClass("red");
    span.addClass("green");
}

Tror du missuppfattade mig.
Jag behöver inte lägga in eller ta bort class, jag skrev green och red class så ni lättare förstår vilka span jag menade och vad som händer med de om siffrorna ändrar sig.
Men efter lite tid fattade jag att det är lättare att köra "span:first-child" som du skrev.

Jag behöver bara extrahera siffran från ".widget-server-container a > span:first-child"

Citat:
Ursprungligen postat av Idittfejs
...

Vad är det för fel på dig? Hört talats om google och att folk kan hitta hit om de googlar länkar? Därför användar man bit.ly
__________________
Senast redigerad av Flach1337 2018-08-24 kl. 21:32.
Citera
2018-08-25, 00:27
  #4
TexasSwede
Medlem
TexasSwedes avatar
Citat:
Ursprungligen postat av Flach1337
Tror du missuppfattade mig.
Jag behöver inte lägga in eller ta bort class, jag skrev green och red class så ni lättare förstår vilka span jag menade och vad som händer med de om siffrorna ändrar sig.
Men efter lite tid fattade jag att det är lättare att köra "span:first-child" som du skrev.

Jag behöver bara extrahera siffran från ".widget-server-container a > span:first-child"
Det var darfor jag sa att du inte ar speciellt tydlig med vad du vill ha hjalp med. Om du hade beskrivit problemet pa ett vettigt sett sa hade det varit enklare att forklara. Sedan ar HTML-koden ganska hemsk, till att borja med. Rensa i den, ta bort allt som inte behovs, och indentera den sa blir det enklare.
Da hade du ocksa sett att din HTML-kod var felaktig, och att </a> och </span> kommer i fel ordning.

Sa har hade jag beskrivit problemet:
Du ser hur man kan beskriva problemet pa ett mycket battre satt.

Citat:
Ursprungligen postat av Flach1337
Vad är det för fel på dig? Hört talats om google och att folk kan hitta hit om de googlar länkar? Därför användar man bit.ly

??? Vad svamlar du om?
Citera
2018-08-25, 03:22
  #5
Flach1337
Medlem
Citat:
Ursprungligen postat av TexasSwede
Det var darfor jag sa att du inte ar speciellt tydlig med vad du vill ha hjalp med.

??? Vad svamlar du om?

Han inte redigera mitt första inlägg sorry.
Fanns ett inlägg som var off topic som moderatorna tog bort.
Citera
2018-09-11, 17:16
  #6
Adeft
Medlem
Here you go:
Kod: 
const servers = [];

$('#sidebar .widget-servers li').each((index, el) => {
  servers.push({
    url: $(el).find('a').attr('href'),
    map: $(el).find('img').attr('alt'),
    name: $(el).find('a').text().split('|')[0].trim(),
    current: parseInt($(el).find('.green, .red').text()),
    max: parseInt($(el).find('a').text().split('/')[1].trim())
  })	
})
console.log(servers);

Output:
Kod: 
[
  {
    "url": "steam://connect/cs.beatpro.eu:27015",
    "map": "de_dust2",
    "name": "BEATPRO.eu - DM FFA",
    "current": 0,
    "max": 14
  },
  {
    "url": "steam://connect/cs.beatpro.eu:27016",
    "map": "de_dust2",
    "name": "BEATPRO.eu - MIX1",
    "current": 0,
    "max": 14
  },
  {
    "url": "steam://connect/cs.beatpro.eu:27017",
    "map": "de_dust2",
    "name": "BEATPRO.eu - MIX2",
    "current": 0,
    "max": 14
  }
]

Live Example: https://jsfiddle.net/ofj1vbyr/
__________________
Senast redigerad av Adeft 2018-09-11 kl. 17:21.
Citera
Svara

Stöd Flashback

Flashback finansieras genom donationer från våra medlemmar och besökare. Det är med hjälp av dig vi kan fortsätta erbjuda en fri samhällsdebatt. Tack för ditt stöd!

Stöd Flashback