jQuery 点击内部循环

Question

尝试通过 extractAsset(); 实现以下目标：

• 单击 div.clickable 时，如果 lists[i].id 大于等于之前的 lists[i].id（尝试了 .prev() 但没有成功），则 toggleClass("highlight");

理想情况下，如果这有效，则只有 list2(id:8) 会切换黄色背景。

fiddle 上评论了我一直在尝试的内容。

see JSFiddle

感谢一个有效的 fiddle 示例，谢谢。

Answer 1

您需要比较 .data 元素的值 html。要获取前一个，请在目标 div.

上使用 jquery prev 函数

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