Vamos separar por passos o que deve ser feito:
- Pegar todos os valores dentro de cada
td
.
- Coloca-los em ordem de menor para maior.
- Pegar o element com menor valor e inserir a tag
<mark></mark>
nele.
Passo 1:
Pegando todos os elementos:
$('#precos td.pointer');
Passo 2:
Colocar os elementos em ordem de acordo com o valor dentro do HTML
, para isso podemos utilizar a função sort()
que realiza um loop pegando de 2 em 2 elementos e comparando entre eles:
var values = $('#precos td.pointer').sort(function(current, next) {
// Substitui a string R$ por "vazio" e pega apenas os
// valore dentro do HTML e transforma em números.
var one = parseFloat(current.innerHTML.replace('R$', ''));
var two = parseFloat(next.innerHTML.replace('R$', ''));
// Verifica se o valor atual é maior ou menor que o próximo
if (one < two) return -1;
return 1;
});
Agora a variável values
possui todos os elementos em ordem decrescente (menor para o maior), e assim podemos simplesmente pegar o primeiro elemento de values
que sempre sera o maior e alterar o HTML
$(values[0]).html('<mark>'+values[0].innerHTML+'</mark>');
Veja abaixo o código funcionando:
var values = $('#precos td.pointer').sort(function(current, next) {
// Pega apenas os valore dentro do HTML e transforma em números.
var one = parseFloat(current.innerHTML.replace('R$', ''));
var two = parseFloat(next.innerHTML.replace('R$', ''));
// Verifica se o valor atual é maior ou menor que o próximo
if (one < two) return -1;
return 1;
});
$(values[0]).html('<mark>'+values[0].innerHTML+'</mark>');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table width="300px" border="1px" bordercolor="#FF0000">
<tbody id="qtdPrecos">
<tr id="precos">
<td class="pointer fmp-td">R$ 92.4</td>
<td class="pointer fmp-td">R$ 137.48</td>
<td class="pointer fmp-td">R$ 108.27</td>
<td class="pointer fmp-td">R$ 129.25</td>
</tr>
</tbody>
</table>
<td>
que estão dentro da<tr>
com o id#precos
utilizando o$.each
do jQuery depois pegar a que tiver o menor valor utilizando oMath.min.apply(Math, variavel)
. Depois adicionar a tag e substituir as<td>
. Mas não consegui