Ich versuche, Ergebnisse aus einer Datenbank abzurufen, diese in ein <li> einzufügen und den größeren der beiden Werte hervorzuheben, die ich aus diesen beiden HTML <li> -Elementen erhalte. Ich habe eine jsfiddle erstellt, bin mir aber nicht sicher, wie ich addClass() dazu bringen soll, die { {X3}} basierend auf dem Ergebnis des Vergleichs der beiden Werte.
0
Stedy
9 Okt. 2012 im 08:26
4 Antworten
Beste Antwort
Geige
behoben
- CSS-Klasse
li.leader, ungültige 7-stellige Farbe - Die Logik sollte sowohl
leaderals auchfollowerhinzufügen, um das Paarlizu vergleichen.
Code
$(function() {
var val1 = parseInt($('.leader1').text(), 10);
var val2 = parseInt($('.leader2').text(), 10);
if(val1 > val2) {
$('.leader1').addClass('leader');
$('.leader2').addClass('follower');
} else {
$('.leader1').addClass('follower');
$('.leader2').addClass('leader');
}
});
.
2
Neverever
9 Okt. 2012 im 04:45
Folgendes habe ich getan:
$(function()
{
var val1 = parseInt($('.leader1').text(), 10);
var val2 = parseInt($('.leader2').text(), 10);
if(val1 > val2){
**$('.leader1').attr('class','.li.leader');**
}
else{
**$('.leader2').attr('class','.li.follower');**
}
}
);
1
MikeB
9 Okt. 2012 im 04:29
Versuche dies
$(function()
{
var val1 = parseInt($('.leader1').text(), 10);
var val2 = parseInt($('.leader2').text(), 10);
if(val1 > val2){
$('.leader1').addClass('leader');
}
else{
$('.leader2').addClass('follower');
}
}
);
Jsfiddle: http://jsfiddle.net/syKWz/5/
0
YogeshWaran
9 Okt. 2012 im 04:33
Hier ist ein Beispiel mit der Signatur von toggleClass, das eine Funktion als Argument akzeptiert.
$(function() {
$("li").toggleClass(function() {
if(parseInt($(this).text(), 10) >
parseInt($(this).siblings().text(), 10)) {
return "leader";
} else {
return "follower";
}
});
});
0
Interrobang
9 Okt. 2012 im 04:31