javascript - 每个单独 ID 的 jQuery min(最小值)

Question

我在一个页面上有超过 2 个带价格的旅行，每个旅行(div 容器)都应该有一个起始价格(最小值)。

所以我写了这个，它正在工作......

jQuery(function($) {
    var vals = $('.prices').map(function () {
    return parseInt($(this).text(), 10) ? parseInt($(this).text(), 10) :  null;
    }).get();

// then find their minimum
    var min = Math.min.apply(Math, vals);

// tag any cell matching the min value
    $('.prices').filter(function () {
    return parseInt($(this).text(), 10) === min;
    });

   $('.start-price').text(min);
});

但显然该脚本从页面(所有容器)上的所有价格中获取最小值。它应该从每次(每次)旅行中取最小值。容器的 ID 可以动态生成。我怎样才能做到这一点？

Answer 1

确保每个旅行 div 都有一个类(比方说 .travel)并为每个进行计算。

jQuery(function($) {      
    $(".travel").each(function() {

      var $prices = $(this).find(".prices");
      var vals = $prices.map(function () {
        return parseInt($(this).text(), 10) ? parseInt($(this).text(), 10) :  null;
      }).get();

      // then find their minimum
      var min = Math.min.apply(Math, vals);

      // tag any cell matching the min value
      $prices.filter(function () {
        return parseInt($(this).text(), 10) === min;
      });
      $(this).find('.start-price').text(min);
    });       
});