Buongiorno a tutti, qualcuno è in grado di creare una funzione in javascript che mi ordini i prodotti di una lista (sotto c'è un estratto) in base al prezzo (data-prezzo)? Ho provato svariate volte ma non riesco a trovare una soluzione
Vi ringrazio
<ul id="lista1">
<li data-prezzo="25" data-qualita="8">Prodotto1</li>
<li data-prezzo="9" data-qualita="9">Prodotto2</li>
<li data-prezzo="17" data-qualita="6">Prodotto3</li>
</ul>
Java non c'entra niente, semmai Javascript. Comunque se usi JQuery è abbastanza facile. Se usi direttamente il DOM, si può sicuramente fare ma meno facilmente/brevemente.Originariamente inviata da Dutch
Buongiorno a tutti, qualcuno è in grado di creare una funzione in javascript che mi ordini i prodotti di una lista (sotto c'è un estratto) in base al prezzo (data-prezzo)? Ho provato svariate volte ma non riesco a trovare una soluzione
Chiarisci cosa puoi/vuoi usare.
JQuery
Bene, te lo descrivo a parole: selezioni tutti i <li>, sul set fai un sort() a cui passi una function che riceve 2 elementi (es. a e b) per volta e devi dire se uno è maggiore/minore/uguale all'altro. Per prendere il prezzo fai es. Number($(a).data('prezzo'))
. Dopo il sort, fai un appendTo() per rimettere tutto nella lista1.
Così intendi?
function PrezzoCrescente()
{
$('.lista1 li').sort(sort_li).appendTo('.lista1');
function sort_li(a, b) {
return Number($(b).data('prezzo')) < Number($(a).data('prezzo')) ;
}
}
Sì, grosso modo. A parte che: lista1 l'hai messo come "id", quindi #lista1, non .lista1
Hai fatto solo una comparazione per minore. Non è sbagliato in modo assoluto (io preferisco sempre fare i 3 casi). Comunque b < a vuol dire che stai ordinando in senso decrescente (deduco che volevi crescente, "gira" la comparazione).
Ok grazie mille, intanto mi serve solo provare se funziona, poi la miglioro con i tre casi.
L'ho provata, ma non funziona, sbaglio qualcosa? Magari nel collegamento?
<a href="javascript:PrezzoCrescente()">Prezzo Crescente</a>
<SCRIPT>
function PrezzoCrescente()
{
$('#lista1 li').sort(sort_li).appendTo('#lista1');
function sort_li(a, b) {
return Number($(a).data('prezzo')) < Number($(b).data('prezzo')) ;
}
}
</SCRIPT>
Ah già scusa, non l'ho notato subito prima: la function di comparazione NON deve restituire un boolean. Deve restituire <0, 0 o >0 a seconda dei casi (ecco perché generalmente si fanno i 3 casi).
Quindi come posso fare la comparazione?
Con cosa sostituisco la riga :
return Number($(a).data('prezzo')) < Number($(b).data('prezzo'))
per non dare un boolean?
(Ti avviso che sono un principiante, quindi scusa se ti faccio tutte queste domande)
Puoi mettere i due prezzi in 2 var, poi usi l'operatore "condizionale" (2 volte in cascata) per fare i 3 casi.
Rispondi quotando
