JQuery нажмите внутри цикла

Question

Пытаясь достичь с extractAsset(); следующее:

• При нажатии div.clickable, если lists[i].id является> = чем предыдущее lists[i].id (пробовал .prev() но ничего), то toggleClass("highlight");

В идеале, если это сработало, только list2 (id: 8) будет переключать желтый фон.

То, что я пытаюсь, прокомментировал скрипку.

see JSFiddle

Работающий скрипку пример ценится, спасибо.

Answer 1

Вам нужно сравнить значения элемента .data html. Чтобы получить предыдущий, используйте функцию jquery prev на целевом div.

function extractAsset() { 
    for (var i = 0; i < lists.length; i++) { 
    $(".clickable" + [i]).click(function(){   
     if($(this).find('.data').html() >= $(this).prev().find('.data').html()) 
     $(this).toggleClass("highlight"); 
    }) 
    } 
} 

jsfiddle